为什么'；这个小的HTML/CSS片段在IE中是否产生了预期的结果？
您可以保存下面的代码并试用 在firefox中，它是全浏览器灰色，但在IE（确切地说是IE7）中，它不起作用为什么'；这个小的HTML/CSS片段在IE中是否产生了预期的结果？,css,internet-explorer-7,cross-browser,Css,Internet Explorer 7,Cross Browser,您可以保存下面的代码并试用 在firefox中，它是全浏览器灰色，但在IE（确切地说是IE7）中，它不起作用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style text="text/css">
.overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:grey;
}
</style>
</head>
<body style="font-size:62.5%;">
<div class="overlay"></div>
</body>
</html>
.overlay{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：1000；
背景颜色：灰色；
}
IE无法识别CSS颜色名称灰色
。尝试使用十六进制颜色，例如，#ccc
，它会起作用。或者，使用灰色
（带有“a”，而不是“e”）也可以
请注意，这是符合标准的，因为W3C没有说明支持灰色
的替代拼写，而且灰色
确实是颜色名。IE不识别CSS颜色名灰色
。尝试使用十六进制颜色，例如，#ccc
，它会起作用。或者，使用灰色
（带有“a”，而不是“e”）也可以
请注意，这是符合标准的，因为W3C没有说明支持灰色
的替代拼写，而且灰色
确实是颜色名称。尝试将此添加到您的样式定义中：
html, body {
height: 100%;
}
在IE上，默认情况下，body
不会扩展视口的整个高度，并且覆盖的容器是body
，因此
编辑刚刚尝试过，而您的操作没有使用上述工具，这一定是因为身体处于静态位置。不管怎样，约翰·菲米内拉找到了答案；查看他的答案。尝试将此添加到您的样式定义中：
html, body {
height: 100%;
}
在IE上，默认情况下，body
不会扩展视口的整个高度，并且覆盖的容器是body
，因此
编辑刚刚尝试过，而您的操作没有使用上述工具，这一定是因为身体处于静态位置。不管怎样，约翰·菲米内拉找到了答案；看看他的答案