【问题标题】:CSS Position Fixed Not Working in IE 11已修复 CSS 位置在 IE 11 中不起作用
【发布时间】:2015-10-09 17:06:48
【问题描述】:

我有一个图片库,底部有标题(上图)。字幕使用position:fixed; bottom:0;,适用于除 IE 以外的所有浏览器,甚至最新版本 (11.096...)。标题固定在屏幕顶部,而不是底部(下图)。

我尝试了自己研究时发现的一些建议:

  • 验证了正确的文档类型:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
  • 已添加<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  • 在我的 CSS 中添加了表达式:
    position:fixed; _position:absolute; bottom:0; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);

我在这里错过了什么?

【问题讨论】:

  • 如果我在这里遗漏了一个明显的目的,请原谅我的粗细,但你不是用 X-UA-Compatible 元标记强制浏览器进入 IE7 兼容模式吗?将IE=EmulateIE7 替换为IE=edge 会不会使其行为符合预期?
  • 我也这么认为。但我在一篇文章中读到,并尝试过,我只是想在其他人建议之前表明这一点。
  • 啊,好的。看起来您已经根据以下建议找到了解决方法。祝 IE 调试愉快!

标签: css internet-explorer css-position


【解决方案1】:
  1. 尝试使用position: expression(fixed);

  2. 尝试在父元素上使用position: relative;,在标题上使用position: absolute;。这是跨浏览器。

【讨论】:

  • 在这种情况下,不能选择 2 号。封闭的 div 必须是绝对的,滑块才能工作。
  • 你试过了吗?定位应该适用于另一个绝对元素内的绝对元素。
  • 原来问题出在另一个 CSS 文件上,它是随 WP 插件一起提供的,用于创建幻灯片。出于某种原因,我的自定义 CSS 没有在 IE 中覆盖它。在其他所有浏览器中,它都按预期工作,但 IE 继续应用它。诡异的。不过,我确实最终将其更改为绝对值。它达到了相同的效果,并保证工作。谢谢!
猜你喜欢
  • 2016-05-30
  • 1970-01-01
  • 2017-06-18
  • 2017-06-07
  • 1970-01-01
  • 1970-01-01
  • 2016-10-05
  • 2018-07-04
相关资源
最近更新 更多