DIV重叠IMG IE 8

Question

我正在使用带有position: fixed的div来重叠图像。这在firefox中运行良好，但在IE8中不行。即使我使用顶部和左侧参数，div也只是位于图像下方。

Example of my Problem

这是一个已知的错误吗？

Answer 1

这不是唯一的方法，但至少应该给你一个良好的起点。

http://jsfiddle.net/lollero/EREc7/ - 具有position: relative;的父元素可确保position: absolute为重叠div的元素无论您放置图像的位置都会粘贴图像。

http://jsfiddle.net/lollero/EREc7/1/ - 与边框相同

---

您也可以这样做：

position: relative;
z-index: 4 /* The higher the number the higher the element is. make sure to*/
top: -50px;
left: 0px;

---

这样的事情：

http://jsfiddle.net/lollero/EREc7/3/

---

请注意，第一个是最灵活的。

---

这是一个更大的例子

http://jsfiddle.net/lollero/EREc7/4/

---

评论中的例子：

http://jsfiddle.net/lollero/nBk79/1

http://jsfiddle.net/lollero/nBk79/6/

Answer 2

如果您正在谈论彼此分层，请使用z-index。然后你可以根据需要调整它们，然后将它们放在另一个上面。