Question

我尝试将100％的div放在页面内容之上。当内容有一些余量时，就会出现问题。我在这里用简化的案例说明。

如果我理解，位置固定：“元素相对于浏览器窗口定位”。那么，为什么div .trans受到背后的影响呢？如何将div透明100％的页面和内容？

这是查看问题并尝试解决方案的好地方：http://jsfiddle.net/rdkAW/1/

CSS：

body { margin:0; }

.trans{
    position:fixed;
    width:100%; height:100%;
    margin:0;
    opacity:0.7; filter: alpha(opacity = 70);
    background-color:red;
    z-index:5;
}

#content {
    position:relative;
    margin:30px auto; /* is this the problem? */
    width:95%; max-width:890px; height:1200px;
    z-index:1;
    background-color:blue;
}

HTML：

<div class="trans"></div>
<div id="content"></div>

Answer 1

如果我使用，问题就解决了。顶部：0;左：0;似乎固定的位置需要这样。我仍然不明白为什么。如果固定div是100％并且根据定义固定位置是相对于窗口的，为什么需要指定顶部和左侧？如果有人能解释，我将不胜感激。

百分之百100％

1 个答案: