为什么Chrome 10和Internet Explorer 8中的内联“背景图片”风格不起作用?

为什么以下示例在Firefox 4中显示图像,而不是在Chrome 10和Internet Explorer 8中显示?

HTML:

<div style="background-image: url('uploadimg/1312875436_05012011_2.png')"></div> 

CSS:

 div { width: 60px; height: 60px; border: 1px solid black; } 

任何想法的解决方法?

正如c-微笑提到的:只需要删除url()中的撇号:

 <div style="background-image: url(160wpb4.jpg)"></div> 

在这里演示

Chrome 11在其debugging器中吐出了以下内容:

[错误] GET http://www.mypicx.comhttp://img.dovov.comlogo.jpg undefined(undefined)

它看起来像托pipe服务正在使用一些时髦的dynamic系统,阻止这些浏览器正确地获取它。 (相反,它试图获取默认的基本图像,这是一个JPEG问题)。你能上传其他图像的副本吗? 我希望这是最长的一英里最简单的解决scheme。

编辑:看看使用正常的<img>标签放置图片时在Chrome中会发生什么;)

你也必须指定宽度和高度

  <section class="bg-solid-light slideContainer strut-slide-0" style="background-image: url(https://accounts.icharts.net/stage/icharts-images/chartbook-images/Chart1457601371484.png); background-repeat: no-repeat;width: 100%;height: 100%;" > 

它在我的谷歌浏览器版本11.0.696.60工作

我创build了一个简单的页面,没有其他项目只是基本的标签和没有单独的CSS文件,并得到了一个图像

这是我设置<div id="placeholder" style="width: 60px; height: 60px; border: 1px solid black; background-image: url('uploadimg/1312875436_05012011_2.png')"></div>我把一个id只是incase有一个hiddne id标签,它的工作原理