【发布时间】:2011-09-23 19:47:17
【问题描述】:
在 IE 的 quirks 模式下,当设置为绝对位置时,图像会显示为内联。
<li style='padding-left:25px;position:relative'>
Hello, I am some text
<img src='http://userserve-ak.last.fm/serve/34s/2378690.jpg' style='position:absolute;left:0px;'/>
</li>
有什么方法可以让它表现得像在标准模式下一样(仅使用 CSS)?
【问题讨论】:
-
你想达到什么目的?
-
使 CSS 在标准模式和怪癖模式下都能正常工作。在 quirks 模式下,由于容器的填充,图像向右移动了 25 像素。
-
上的 “display:block”?
-
是的,我已经尝试过了,但它似乎忽略了它。
-
@Azimisov - 你为什么要使用 Quirksmode? Quirksmode 基本上是一种 IE5.5 兼容模式。这些天真的没有充分的理由使用它。将文档类型放在页面顶部,切换到标准模式,每个人都会过得更好。
标签: html image internet-explorer padding quirks-mode