如何获得“位置:固定”的CSS与工作在IE 7 +与TRANSITIONAL文档类型?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (31)

我知道position:fixed;IE 7以前不支持IE,如果你有IE,它只能在IE 7中运行STRICT DOCTYPE

我的问题是:“如何使用IE 7与它一起工作TRANSITIONAL DOCTYPE?”

提问于
用户回答回答于

不需要严格的DOCTYPE fixed支持。只需要一个触发标准模式(或“几乎标准”)的DOCTYPE 。这可能是一个过渡型文档,例如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

或XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

只要包含系统ID(最后的URI)即可。

用户回答回答于

即使使用Transitional / Strict Doc类型,固定位置也不适用于我。不过,我在兼容模式下使用IE9,假设使用IE8运行时库进行渲染。要解决这个问题,我不得不将下面的CSS添加到元素。

.elementToBeFixed {
    position: fixed;
    top: 0;
    left: 0;
}

它不适用于顶部或左侧丢失,你必须明确地将它们设置为零(或所需的值),因为它可以在所有版本的IE中工作...

扫码关注云+社区