我正在使用PNG图像作为DIV的背景：
background: url('/abc/pages/images/loading/loading_bg.png');
通过设置CSS display=block显示DIV，但不显示图像
如果U在地址栏中输入图像的完整URL，则图像存在并可由Chrome显示。
如果图像显示一次，DIV的背景将显示OK
IE或Firefox中不存在此问题
我将图片更改为.JPG，存在同样的问题
我在资源标签（Chrome中的F12）中检查了此图片：缩略图是一个损坏的文件，但如果我点击“在新标签页中打开图片”，它会在新标签页中正确显示！
有人给我一些关于此的提示吗？谢谢。
补充： Computed Style的“背景图像”是图像的URL。所以它不是覆盖。可以通过其他选项卡访问此URL，并在新选项卡中正确显示PNG图像。所以URL没有问题。 还有一件事：当最初显示页面时，DIV被display：none隐藏。我尝试通过display：block来显示它。 我在Chrome论坛发帖，没有人回答。
答案 0 :(得分：1)
背景图片不会影响分配给它们的元素的大小。如果您的div为空，则需要将其height和width设置为与背景图片的大小相匹配。否则，空div的{{1}}为0且不会显示。
编辑：
我承认，我热心回答你的问题，我没有完全阅读，我的回答并没有解决你的问题。我道歉。
答案 1 :(得分：0)
如果您不想重复图像，请在图像路径
后使用不重复如果你想要图像重复'X'轴在图像路径后使用 repeat-x
如果您想要图像重复'Y'轴，请在图像路径后使用 repeat-y
如果您想要图像重复'X和Y'轴，请在图像路径后使用重复 例如：
background：url（'/ abc / pages / images / loading / loading_bg.png'）no-repeat;