我创建了一个小的搜索小部件,但是通过 chrome 查看它时背景没有出现。我已经测试了 IE、FF 和 safari,它们都显示正常。
http://paradigmsearch.co.uk/widget/?id=1
我通常不愿意将布局问题放在 SO 上。但是,我已经研究了一段时间了。
关于元素:
<div class="widget" id="id_300x250">
我正在应用以下 CSS 定义
.widget {
font-family: arial;
height: 250px;
width: 300px;
border: none;
background: url('/uploads/widget_background/cached/proportional/300x250/1_512648b566578.png') no-repeat center center;
}
背景只是不可见。如果这是一个非常愚蠢的标记/CSS 疏忽,那么我深表歉意。
目前使用chrome浏览器版本25.0.1364.172m
最佳答案
这是一个非常有趣的问题,我只是在 Chrome 的隐身模式下打开您的页面时才发现:您的背景图片被 AdBlock 阻止了。
此外,为了呈现目的,最好将 style
元素粘贴到页面的 head
中。
关于css - chrome浏览器不显示背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15550560/