Javascript Safari Div 배경 이미지가 표시되지 않습니다.

Div에 textContent 및 배경 이미지가 있으면 모든 브라우저에서 텍스트와 이미지를 볼 수 있습니다.Javascript Safari Div 배경 이미지가 표시되지 않습니다.

그러나 textContent가 제거 된 경우 (예 : 아래 코드에서 textContent 행을 삭제 한 경우) 이미지는 Chrome 및 Firefox (Windows)에서는 여전히 표시되지만 Safari (iphone)에서는 표시되지 않습니다. 화면이 완전히 비어 있습니다.

<body> 
<script> 
var myDiv = document.createElement('div'); 
myDiv.style="width:100px; height:10px;"; 
myDiv.style.backgroundImage = "url('c.jpg')"; 
myDiv.textContent='a'; 
document.body.appendChild(myDiv); 
</script> 
</body>

textContent없이 div 배경 이미지를 볼 수있는 방법이 있습니까? 크롬에 텍스트 - 이미지없이

https://jsfiddle.net/youngt917/t5ycpoj0/

표시하지 아이폰 :

https://jsfiddle.net/youngt917/3wd38b9t/

출처

2016-08-25 Fractal