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

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

CSS样式表: css制作有立体效果的表格; HTML验证的好处？; 如何实现FireFox文本自动换行; CSS让图片垂直居中和底端对齐的代码; DIV CSS布局浏览器兼容的问题; 介绍我知道的hack方法; display:inline | block |inline-block; white-space:nowrap的应用; CSS缩写优化CSS文件的体积; CSS网页设计字体大小(em)探讨; CSS教程：div设置float后高度不自动增加; CSS网页布局强制换行和强制不换行的属性讲解; 对话闲聊DIV CSS与WEB标准; 最常用的五类CSS选择器; CSS教程:line-height属性的继承; CSS关于初学者的问题; 提高CSS的网页渲染效率11个注意点; DIV CSS：网页一行两列背景自适应; CSS将成为网页设计师必备知识; 兼容IE和FF的单行溢出文本显示省略号

技术文章搜索

关键字

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

收藏到网摘: 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;