IE背景图像中有趣的css渲染错误中有“display:block”

时间:2010-01-26 20:19:01

标签: html css internet-explorer styles

IE如何解析/渲染我的CSS有一个有趣的问题。我有以下样式定义“background-image:url(/images/leftArrow.png); DISPLAY:block; cursor:pointer;”

但出于某种原因,IE 7& 8组合背景和显示使其成为一个属性(见截图)

有什么想法吗?

alt text http://jeremy.infinicastonline.com/wp-content/uploads/2010/01/ie-bug.png

4 个答案:

答案 0 :(得分:4)

它只显示developer toolbar的方式。当您使用这些css属性创建一个简单的跨度时,它实际上显示为块元素,但我的开发人员工具栏显示了您在屏幕截图中执行的操作。

它不是大写名称(开发人员工具栏实际上使显示属性为大写),url周围的引号也不是问题。您甚至可以将display:block移动到样式的开头,它仍然会在开发人员工具栏中显示它们

答案 1 :(得分:3)

尝试在网址中添加一些引号。

url("/images/leftArrow.png");

但绝对是,更多代码会很好。

答案 2 :(得分:2)

它最有可能是某个地方的错字或被遗忘的声明终止或其他什么。如果您发布实际代码,我们可能会提供具体的答案。

答案 3 :(得分:1)

我认为它是因为你使用了大写的属性名称。您在下面的“POSITION”中遇到了同样的问题。顺便问一下,我怎么得到像插件那样的萤火虫呢?