html – 背景图像不显示在chrome浏览器中

前端之家收集整理的这篇文章主要介绍了html – 背景图像不显示在chrome浏览器中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建了一个小的搜索小部件,但是通过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阻止.

此外,为了渲染目的,最好将样式元素粘贴在页面的头部.

猜你在找的HTML相关文章