web前端|css教程
兼容性问题，CSS
web前端-css教程
转自 蓝色理想
作者 bias
原文地址 /tech/site//3296.asp
之前找了几个不同版本的可独立运行的IE浏览器，正好拿来试试页面的兼容性问题。不试不知道，在IE6和FF中没问题的页面在IE5和IE5.5中乱成一团，一直听说IE5是WEB标准制作的一个“钉子户”，现在不得不相信了。
百度网盘搜索源码,vscode连接VS,ubuntu以太网适配,打印tomcat日志,mdx怎么转换sqlite,dz论坛 火狼首页n格插件,后台多级菜单前端框架,智慧树爬虫脚本,倒计时 php,青岛SEO服务区,网站mp3插件代码,系统气泡提示网页内容的程序,微擎后台模板源码,点击弹出空白页面,医药管理系统代码 java,微赞婚纱小程序lzw
既然有问题，那就找找解决的方法咯，在网上一搜，相关的文章还是不少的，觉得最直接的方法还是“IE条件注释”，很方便的就能为IE的不同版本写样式。但这样就得为每个版本写一个样式，不利于文件的优化。
大型旅游网站源码,vscode无法找到,ubuntu书,tomcat6.9,sqlite怎么修改短信,wordpress作者增加分类插件,前端nui框架实现序号自增,自己动手制作爬虫玩偶,java asp php,深圳专业seo服务,网站模板diy,网页 云系统源码下载,wordpress安装的模板lzw
找了一些相关的CSS HACK后，觉得应该可以把IE5/IE5.5/IE6/FF的HACK写到一起的，经过测试，终于找到了一个不错的方法，下面我们来看看怎么实现：
大家都知道用!important声明可以提升指定样式规则的应用优先权，如下面的例子：
————————————————-
牛牛挂机源码,vscode单步执行,.ubuntu,tomcat编码乱码,sqlite数字转文本,html5 播放插件,前端完全分离框架怎么选择,爬虫怎么添加re库,php 模拟浏览器,安徽seo招商,婚庆摄影网站模板,网页幻灯片代码,关于个人介绍的微视频网站模板免费下载lzw
复制代码 代码如下:
E1{ background-color: red !important;/*提升优先权*/ background-color: blue; }
————————————————-
但这样写在IE中会有个问题，看过我的《关于CSS样式表优先级》和《关于CSS样式表优先级补遗》，你会知道在IE6和FF中用!important声明可以提高优先级别，但在IE6中的!important声明并不是绝对的，它会被之后的同名属性定义所替换。也就是说在上面的例子中，IE6所应用的是最后一个背景色的值，即“blue”；而在FF中背景色的值为“red”。根据这一点，我们就可以把FF和IE的样式分离开。
OK ，解决了FF和IE的问题，现在来解决IE自己的问题。
看过了嘟嘟的《绕过IE6支持IE5的别一种写法-IE也支持”>”》后有感而发，使用“>”IE是否真的可以认得？我们来看个例子：
————————————————-
E1{ background-color: red; >background-color: blue;
}
————————————————-
在FF中得到的是背景色红色，而在IE中得到的背景色是蓝色，根据样式重定义的规则，如果浏览器可以识别“>”，则应该得到的蓝色的背景，因此可以知道“>”只有IE可以识别，这点是很重要的哦！在后面大家就会知道了。（注：我测试过其它的一些符号，如“~”、“`”、“
————————————————-
这样不就又可以省下几个字节？是没错，可是HACK不是标准，如果滥用HACK，那只会离标准越来越远！
