Question

如果Div有textContent和背景图片，则所有浏览器都会显示文字和图片。

但是如果删除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背景图像可见？

演示：

在Chrome和iPhone上显示文字图片：

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

在Chrome上没有显示文字图片，而不是在iPhone上显示：

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

Answer 1

而不是删除textContent行，只需将其设置为空

response.setStatus(102, "Processing");

response.
   getOutputBuffer().
   acknowledge();

Javascript Safari Div背景图片不可见

1 个答案: