关于不透明度、堆叠顺序和分散 div 的 IE 问题答案

【问题标题】：IE problems regarding opacity, stacking order and a disaperaing div关于不透明度、堆叠顺序和分散 div 的 IE 问题
【发布时间】：2011-12-08 11:41:29
【问题描述】：

我在 IE 中的代码有点问题，在 Safari 和 Firefox 中一切正常，但在 IE 中却不行。

我的第一个问题是我的一些 div 被放置在其他 div 之后，我试图更改 z-index，但没有好处。由于这些 div 是 position: absolute，我认为这也无助于更改 HTML 中的 div 顺序。

第二个问题是我无法让不透明度在 IE 中工作，我尝试了 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 和 filter:alpha(opacity=80); 但无济于事。不透明度不适用于 IE 中的任何内容。

第三个问题是我的一张图片完全消失了，div="kart"里面的图片在IE中找不到了。我已将float:left; 应用于div，因此当侧面缩放时，它应该在该部分的另一个 div 下排列。我觉得这很奇怪，我网站上的每个其他 img 都工作正常，我尝试更改文件格式，但同样没有好处。

如果有人可以看一下，我将不胜感激，我是自学成才的，没有人可以询问这类事情。

对不起，我的英语很差，我是外国人..:)

不确定我是否应该包括 HTML 标记和 CSS 样式，所以我只给你一个 url 供初学者使用。

网站位于http://www.vstil.com

【问题讨论】：

IE + 不透明度 == 总是一场噩梦。 :(
请指定您正在测试的 IE 版本。
我正在 windows xp 中测试 IE8
很好地解决了您的问题 :) 如果您将解决方案发布为答案，您可以将其标记为已接受，这将有助于其他人在未来搜索类似问题。

标签： internet-explorer z-index opacity

【解决方案1】：

我已经解决了我的一些问题，如果有人遇到同样的问题，我想分享一下。

第一个问题与元素的 z-index 及其父元素有关。在 IE 中，子元素的 z-index 不能高于其父元素，因此我必须将父元素的 z-indez 设置为 3，然后我可以将子元素的 z-index 设置为 2 和 1 以使它们正确。

不透明度不起作用的第二个问题是因为 IE 需要设置元素的布局。为此，解决方案是设置我分配不透明度的元素的宽度和高度。

div消失的第三个问题我还没有弄清楚，网站也已经从服务器上移走了，现在可以在www.fanafysioterapi.no找到

*编辑：也解决了第三个问题，这与第一个问题相似。 div 隐藏在另一个 div 后面，因为一些 div 具有相对/绝对位置，而有些则没有。在这里找到了我的问题的答案：https://developer.mozilla.org/en/Understanding_CSS_z-index

一遍又一遍。

【讨论】：