0

我在 Chrome 中的 CSS 背景有问题，图像不会显示。它适用于 Firefox，甚至 IE，但不适用于 Chrome。

这是我的 HTML 代码

<div id="1181" class="archieve_thumb" style="width:98px; height:120px; border:1px solid #b0b0b0;">
<div class="archieve_thumb_img" style="width:19px; height:117px; padding:3px 0 0 79px; margin:0; background:url('/filesPreview/mini_1_z2KFeeUjy9.jpg'); border:0;">
<span class="archieve_thumb_delete"><a id="delete" href="delete.php?pageID=1181"><img src="http://myedisi.ursabyte.com/styles/img/icon_delete.png"/></a></span>
</div>
</div>

我使用了错误的文档类型吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

这是 Chrome 和 Firefox 上的屏幕截图

铬合金 火狐

更新

这很奇怪，我使用 Chrome 开发人员工具检查了 html，这就是我得到的。

奇怪的 HTML

看来我的代码无法访问，如您所见，archieve_thumb 元素上没有子元素

PS：我只是在重写旧代码，实际上不是我的代码。

更新

我很抱歉，这是因为 javascript，与 css 无关。有所不便，敬请谅解。不过，在 Chrome 上有点奇怪的 javascript 行为。

4

3 回答 3

1

您使用的是旧文档类型，请尝试使用 html5

<!DOCTYPE html>

当您检查图像时，您会看到什么？您是否能够在新选项卡中自行加载图像？

我见过这种情况的唯一一次是当 AdBlock 由于类名或 id 而阻止图像时，您是否有任何可能阻止它们的插件？

于 2013-07-16T04:53:34.383 回答
0 
<div id="1181" class="archieve_thumb" style="width:98px; height:120px; border:1px solid #b0b0b0;">
<div class="archieve_thumb_img" style="width:19px; height:117px; padding:3px 0 0 79px; margin:0;background:url(http://www.soneribank.com/images/soneri-direct-1.png); border:0;">
<span class="archieve_thumb_delete"><a id="delete" href="delete.php?pageID=1181"><img src="http://myedisi.ursabyte.com/styles/img/icon_delete.png"/></a></span>
</div>    
</div>

演示

于 2013-07-16T05:12:46.873 回答
0

您缺少background:url(http://www.soneribank.com/images/soneri-direct-1.png) no-repeat 0 0;no-repeat 和 0 0！

于 2013-07-16T06:51:20.897 回答