CSS 位置固定在 IE 11 中不起作用

标签 css internet-explorer css-position

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

How it should look How it looks in IE

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

  • 验证了正确的文档类型:<!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);

我在这里错过了什么?

最佳答案

  1. 尝试使用position: expression(fixed);

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

关于CSS 位置固定在 IE 11 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29170622/

相关文章:

jquery - 通知我按钮的 UI 交互

html - 在外部样式表文件上分配样式时出现问题

html - 文本输入在我的 iPhone 上有 1 个像素的差异

css - 使用 z-index 的分层 div 的位置和高度问题

css - 如何在 CSS 中的无缝背景图像上等效于不透明度的线性渐变

internet-explorer - 未识别的 404 未找到页面

javascript - IE 8+ 版本 crossrider 扩展中的 userAgent 冲突

java - IE 8 中不一致的 GWT 行为

css - 跳转后以锚定图像为中心?

html - 定位在模态窗口外时图像被截断