背景图片无法在Chrome浏览器中显示 [英] Background image not displaying in chrome browser

问题描述

我创建了一个小搜索窗口小部件，但是通过chrome查看时，背景不会出现。

http://paradigmsearch.co.uk/widget/?id=1

我通常不愿把布局问题。但是，我已经走过这一段时间了。

在元素上：

 < div class = 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; 
} 
  

背景不可见。

目前正在使用Chrome浏览器版本25.0.1364.172m

<这是一个非常有趣的问题，我只能在Chrome的隐身模式下打开你的页面时才知道：你的背景图片被AdBlock阻止。

$

b
$ b

此外，为了渲染目的，最好在页面头中粘贴 style c>。

I've created a small search widget, however the background doesn't appear when viewing it through chrome. I've tested IE, FF and safari which all appear OK.

http://paradigmsearch.co.uk/widget/?id=1

I'm usually reluctant to put layout issue on SO. However, I've been going over this for a while.

On the element:

<div class="widget" id="id_300x250">

I'm applying the following CSS definitions

.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;
}

The background just isn't visible. If this is a really silly mark-up / css oversight then I apologies profusely.

Currently using chrome browser Version 25.0.1364.172m

解决方案

This is a pretty funny issue which I only figured out when opening your page in Chrome's incognito mode: Your background image is being blocked by AdBlock.

Also, for rendering purposes it's better practice to stick style elements in your page's head.

这篇关于背景图片无法在Chrome浏览器中显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！