Sitemap Rss
·您当前位置:网站首页 >> 网页与设计 >> 阅读文章

CSS样式兼容IE6,IE7的技巧

来源:逍遥峡谷 发布时间:2012-11-17 浏览0条评论
内容简介

本文链接:http://www.icoa.cn/a/620.html [复制网址]

做网页的时候,经常碰到其他浏览器使用都很正常,但是不兼容IE6或者IE7的情况。虽然现在最新的IE9、IE10都在趋向于兼容标准的CSS属性,但是IE6在我天朝的市场占有率还是很高的,短时间无法淘汰,所以不得不面临CSS样式必须向下兼容IE6的问题。

下面两种办法基本上可以解决兼容IE6、IE7以及现在流行的谷歌浏览器Chrome、火狐浏览器Firefox、IE9和IE10的问题:

1, !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

PLAIN TEXT
CSS:

#wrapper
{
width: 100px!important; /* IE7以上浏览器 */
width: 80px; /* IE6 */
}


但是有时候我们会遇到同样的CSS样式针对IE6和IE7以上的属性冲突的情况,所以我们可以分别针对IE6和IE7来定义CSS属性:

2, 对IE6/IE7分别定义属性

*+html 与 *html 是IE特有的标签, 其他浏览器不支持.而*+html 又为 IE7特有标签.

PLAIN TEXT
CSS:

#wrapper { width: 120px; } /* 默认定义 */
*html #wrapper { width: 80px;} /* 只支持ie6 */
*+html #wrapper { width: 60px;} /* 只支持ie7, 注意前后顺序 */


注意:
*+html 对IE7的HACK 必须保证HTML顶部有如下声明

PLAIN TEXT
HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


这样我们遇到某些属性只能支持IE6或者IE7的情况下使用第二种方法。

本文链接:http://www.icoa.cn/a/620.html
关键词:
上一篇:拍摄人像剪影的9个技巧
下一篇:简单DIV+CSS浮动在线客服代码,支持IE6
相关文章
·HTML网页DIV布局设计的常见错误 2009-07-31 11:47:30
·今日全国哀悼日为舟曲灾区祈祷…将网站变成灰色CSS代码 2010-08-15 13:21:00
·HTML to JS 或者 JS to HTML (HTML&JS互转) 2010-07-31 10:18:30
·喷绘写真设计注意事项 2009-10-14 10:59:37
·Photoshop组的混合属性里穿透是什么意思?PS里穿透是什么意思? 2010-07-29 10:30:03
·CMYK色值表 2009-10-14 10:58:25
·平面设计水平就如华山的剑宗气宗 2009-08-27 08:53:33
·PS将图片做成素描效果教程 2017-02-10 17:36:40
文章评论

共有0条评论(点击查看)



1954

逍遥峡谷 逍遥乱弹 张立博 飓风团队 爱之路 酷品优选 宝贝派 张子涵


版权所有©逍遥峡谷 Copyright©Canyon of Airily 冀ICP备06033848号