2016-08-25 17 views
0

divにtextContentと背景画像がある場合、テキストと画像はすべてのブラウザで表示されます。Javascript Safari Div背景画像が表示されない

しかし、textContentが削除された場合(たとえば、下のコードからtextContent行を削除した場合)、画像はChromeやFirefox(Windows)で表示されますが、Safari画面は完全に空白です。

<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> 

divの背景画像をtextContentなしで表示する方法はありますか?

デモ:クロームではなく、iPhone上の可視テキストベース画像無し

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

:クロムとiPhone上の可視テキストベース画像と

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

答えて

0

textContent行を削除する代わりに、空に設定してください。

myDiv.textContent=''; 
+0

まだ動作しませんが、それでも消えます。 – Fractal

関連する問題