为什么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标签,它的工作原理