兼容性问题,CSS
web前端-css教程
转自 蓝色理想 作者 bias
原文地址 http://www.blueidea.com/tech/site/2006/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,那只会离标准越来越远!