网页在IE6下错位在IE7下正常的问题- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 网页在IE6下错位在IE7下正常的问题

CSS样式表: 网页表单在浏览器的表现实例; 符合WEB标准的网页图像的代码精简; 清除浮动clear:both的应用详解; WEB标准教程:功能丰富的段落P标签; 针对class、id所做的CSS HACK; WEB标准教程:链接和文本标签的应用; 看看网页高手怎么理解Web标准; WEB标准教程:P标签的应用; 从腾讯网站首页改版学到的几点体会心得; 解决网站防挂IFRAME木马的原理; Web标准:关于web标准的一些初学的知识; CSS实例:让页脚保持在未满屏页面的底部; CSS教程:弄懂闭合浮动元素; CSS教程:关于H1的使用技巧; css网页设计非常有用的解决办法; CSS高级技巧:网页布局; CSS实例:三列等高布局; Web标准前途是否依赖浏览器技术; Web标准：文档类型和网页浏览器; WEB标准学习经验总结

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 72 ::

收藏到网摘: n/a

问：

IE6网页显示错位，IE7显示正常

我用dreamweaver制作的静态页面，DIV+CSS格式的，在IE7.0浏览器和火狐浏览器中显示都很正常，但是在IE6.0中显示就不正常，这是怎么回事呀，请高手帮忙？！

答：

区别不同浏览器，CSS hack写法：

区别IE6与FF：
backgroundrange;*background:blue;

区别IE6与IE7：
background:green !important;background:blue;

区别IE7与FF：
backgroundrange; *background:green;

区别FF，IE7，IE6：
backgroundrange;*background:green !important;*background:blue;

注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;

另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;