关于网页CSS样式背景颜色设置的特别注意

在编写网页CSS时一定要注意body的属性,其中必须出现 "background:#fff" 其中的色值请填写自己需要的颜色。
要特别注意的一点就是,即使你的网页背景是白色或者有背景图,也必须出现 body{background:#fff;} 这样的CSS样式。
否则,IE6下将会产生重叠现象的严重后果:
 

将一下代码保存为HTML页面,命名为:test.html
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<style>
*{ margin:0;}
</style>
</head>
<body>
<iframe width="100%" height="1000" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="iframe.html"></iframe>
</body>
</html>
将一下代码保存为HTML页面,与test放在同一目录下,命名为:iframe.html
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>中华网</title>
<style>
body { background:url("http://news.china.com/zh_cn/images/2008indexbg_news.jpg") no-repeat center top;}
</style>
</head>
<body>
<p>&nbsp;&nbsp;&nbsp;&nbsp;史密斯说,美军参谋长联席会议主席迈克尔□马伦上将已经签署国防部对该军演计划的同意书。澳总理陆克文当天也发表谈话,称该联合军演将是一次透明、合作良好的演习。他说:&ldquo;举例来说,我们这个地区经常受到自然灾害的影响,地区中的各个国家应该在军事方面更紧密合作应对这些灾害。&rdquo;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;澳大利亚战略政策研究所分析师安德鲁□戴维斯当天在接受澳广采访时表示,美澳与中国进行三边军事演习是个好主意。戴维斯说,中国有必要开始与亚太地区的西方国家军事交流,以消除外界对其军力膨胀的疑虑。他还表示,双方都会从联合军事演习中获益,这会让双方有机会看到&ldquo;对方并不一定是妖怪&rdquo;,&ldquo;哪怕这给中国提供搜集澳大利亚和美国防御能力方面的情报,这也是双向的,澳美也可以搜集中国情报&rdquo;。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;史密斯说,美军参谋长联席会议主席迈克尔□马伦上将已经签署国防部对该军演计划的同意书。澳总理陆克文当天也发表谈话,称该联合军演将是一次透明、合作良好的演习。他说:&ldquo;举例来说,我们这个地区经常受到自然灾害的影响,地区中的各个国家应该在军事方面更紧密合作应对这些灾害。&rdquo;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;澳大利亚战略政策研究所分析师安德鲁□戴维斯当天在接受澳广采访时表示,美澳与中国进行三边军事演习是个好主意。戴维斯说,中国有必要开始与亚太地区的西方国家军事交流,以消除外界对其军力膨胀的疑虑。他还表示,双方都会从联合军事演习中获益,这会让双方有机会看到&ldquo;对方并不一定是妖怪&rdquo;,&ldquo;哪怕这给中国提供搜集澳大利亚和美国防御能力方面的情报,这也是双向的,澳美也可以搜集中国情报&rdquo;。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;史密斯说,美军参谋长联席会议主席迈克尔□马伦上将已经签署国防部对该军演计划的同意书。澳总理陆克文当天也发表谈话,称该联合军演将是一次透明、合作良好的演习。他说:&ldquo;举例来说,我们这个地区经常受到自然灾害的影响,地区中的各个国家应该在军事方面更紧密合作应对这些灾害。&rdquo;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;澳大利亚战略政策研究所分析师安德鲁□戴维斯当天在接受澳广采访时表示,美澳与中国进行三边军事演习是个好主意。戴维斯说,中国有必要开始与亚太地区的西方国家军事交流,以消除外界对其军力膨胀的疑虑。他还表示,双方都会从联合军事演习中获益,这会让双方有机会看到&ldquo;对方并不一定是妖怪&rdquo;,&ldquo;哪怕这给中国提供搜集澳大利亚和美国防御能力方面的情报,这也是双向的,澳美也可以搜集中国情报&rdquo;。</p>
</body>
</html>
然后用你的IE6浏览器打开test.html页面,上下快速拖动你的滚动条看看,这将是你不想看到的效果。
反之,我们将 iframe.html 页面中的body这样编写则不会出现重叠现象:
body { background: #fff url("http://news.china.com/zh_cn/images/2008indexbg_news.jpg") no-repeat center top;}
另外,有其他解决办法或者疑问者请评论发表看法。
发现问题:程康、付琦
讨论解决:王昊、程康、付琦、陈晖

Tags: ,

One Response to “关于网页CSS样式背景颜色设置的特别注意”

  1. 甩甩说道:

    不错。。学习了~~