Question

我想为我的页面设置双色全窗口背景：

<body>
<div style="position: absolute; width: 50%; height: 100%; top: 0%; left: 0%; z-index:-1;background-color: 96C3FF"></div>
<div style="position: absolute; width: 50%; height: 100%; top: 0%; left: 50%; z-index:-1;background-color: BEC0C2"></div>
<div id="mainDiv">...</div>
</body>

这适用于Chrome和IE8，但不适用于FF3。我想也许我需要将身体的高度设置为100％，但这没有用。

如果我删除z-index，它们在所有3个浏览器上都可以正常显示，但是在mainDiv之上绘制...并且将mainDiv的z-index设置为1不会做任何事情。

我不认为这有什么不寻常......任何想法？

Answer 1

在我的Firefox中也可以正常工作，但是你可以看一些其他的东西，虽然与这个问题无关：

HEX表示法中的颜色应以＃开头。所以96C3FF将是＃96C3FF
你可以使用权利：0;而不是左：50％;

DIV绝对位置适用于IE，Chrome但不适用于FF

1 个答案: