一、!important 兼容ie6
因为ie7及其以上版本对!important的支持, 所以!important 方法就可以很好的用来做ie6的兼容了。(切记声明位置需要提前。)
例如:
#right {
width: 600px !important; /* ie7+ff */
width: 620px; /* ie6 */
}
二、css hack的方法
首先说明一下:
所有浏览器 通用 width: 100px;
ie6 专用 _ width: 100px;
ie7 专用 *+ width : 100px;
ie6、ie7 共用 * width: 100px; (这个用处貌似不大哈)
ie7、ff 共用width: 100px !important;
下面新乡举几个例子
第一种:ie6 - ie7-ff
.div { margin:10px;/*ff*/
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/ }
或者
.div { margin:10px;/*ff*/
_margin:15px;/*ie6*/
*margin:15px;/*ie7*/
}
第二种:(ie6 +ie7)-(ff)
.div { margin:10px;/*ff*/
*margin:15px;/*ie7+ie6*/
}
第三种:ie6 – (ie7+ff)
.div { margin:10px;/*ie7+ff*/
_margin:15px;/*ie6*/
}
第四种:(ie6+ff) - ie7
.div { margin:10px; /*ie6+ff */
*+margin:15px; /*ie7 */
}
因为ie7及其以上版本对!important的支持, 所以!important 方法就可以很好的用来做ie6的兼容了。(切记声明位置需要提前。)
例如:
#right {
width: 600px !important; /* ie7+ff */
width: 620px; /* ie6 */
}
二、css hack的方法
首先说明一下:
所有浏览器 通用 width: 100px;
ie6 专用 _ width: 100px;
ie7 专用 *+ width : 100px;
ie6、ie7 共用 * width: 100px; (这个用处貌似不大哈)
ie7、ff 共用width: 100px !important;
下面新乡举几个例子
第一种:ie6 - ie7-ff
.div { margin:10px;/*ff*/
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/ }
或者
.div { margin:10px;/*ff*/
_margin:15px;/*ie6*/
*margin:15px;/*ie7*/
}
第二种:(ie6 +ie7)-(ff)
.div { margin:10px;/*ff*/
*margin:15px;/*ie7+ie6*/
}
第三种:ie6 – (ie7+ff)
.div { margin:10px;/*ie7+ff*/
_margin:15px;/*ie6*/
}
第四种:(ie6+ff) - ie7
.div { margin:10px; /*ie6+ff */
*+margin:15px; /*ie7 */
}