html - IE 背景图像中有趣的 css 渲染错误中有 "display: block"

标签 html css internet-explorer styles

IE 解析/呈现我的 css 的方式有一个有趣的问题。我定义了以下样式“background-image: url(/images/leftArrow.png); DISPLAY: block; cursor: pointer;”

但出于某种原因,IE 7 和 8 将背景和显示结合在一起,使其成为一个属性(见屏幕截图)

有什么想法吗?

alt text
(来源:infinicastonline.com)

最佳答案

它只以 developer toolbar 的方式显示.当您使用这些 css 属性制作一个简单的 span 时,它实际上显示为 block 元素,但我的开发人员工具栏在您的屏幕截图中显示的内容与您的工具栏相同。

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

关于html - IE 背景图像中有趣的 css 渲染错误中有 "display: block",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2142327/

相关文章:

html - 如何使用 Yii 1.1 创建 2 列(左侧 190px,右侧自动)布局?

javascript - 尝试使用 JQuery 突出显示表行但不起作用,谁能告诉我为什么以及如何修复它?

javascript - IE 10/11 中的 CSS MegaMenu 全宽

html - iframe中的透明框架集即白色背景

c++ - 如何防止 IE 在打开文本文件时显示 "Internet Explorer restricted this webpage from running scripts ..."消息?

html - media query中如何只占图片的全部空间和居中焦点

javascript - 如何让div自动滚动到底部

html - CSS 链接参数 Day 比今天早 - 1 个月?

javascript - 如何从字符串中删除除特殊类之外的所有 HTML 元素?

jquery - 不同浏览器的对齐方式不同