【问题标题】:Absolute position within IE6 & IE7 not working properlyIE6 和 IE7 中的绝对位置无法正常工作
【发布时间】:2011-12-13 10:32:47
【问题描述】:

我有一个快速整合的网站,供朋友使用,显示他们绝对定位在相对定位的 div 中。

我已经通过 Browserlabs 在大多数浏览器中检查过它,除了 IE6 和 IE7 之外的所有浏览器都可以使用。

尽管我尝试了多种方法,但我在这里寻找的并没有解决我的问题。

任何帮助将不胜感激。

http://jmcintosh.aisites.com/tara/index.html

【问题讨论】:

  • 同意@samold - Jason,你应该通过故意支持 IE6 来帮助它自然死亡。
  • @StephenP:可悲的是,人们仍在使用它。不过,您可以在您的网站上制作一个闪烁的黑白横幅,该横幅仅适用于 IE6 用户。

标签: html css positioning


【解决方案1】:

尝试将您的图像显示为block 元素:

img {
  display: block;
}

【讨论】:

  • 这解决了我的间距问题,但 IE6 将 div 推到了比应有的更远的左侧。
  • 不要使用鞋子 DIV,而是尝试将其设置为单个 <img> 标签,而不使用包装 <div>
  • @ScottSimpson:您在这里处理的是 IE6。理智和逻辑不适用。
  • 应该是 display: inline-block;
  • 将其保存在 div 中并添加 display:block 可以解决我的间距问题。但是,IE6 比 IE7 将我的图像推到了更右侧。伙计,这很愚蠢。 :)
【解决方案2】:

我不禁注意到您在 css 中缺少浏览器兼容性方法

*{
    margin: 0;
    padding: 0;
 }

我不能说这是否能很好地解决您的问题,但如果不能解决其他问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-31
    • 2011-01-20
    • 1970-01-01
    • 2011-11-02
    • 2012-06-12
    相关资源
    最近更新 更多