CSS浏览器兼容解决方案
发表:紫石头原创模板堂 发表时间:2018-09-14 11:52:20 阅读:143次
在不同的浏览器里面,相同的CSS属性设置会产生不同的样式效果,特别是在IE浏览器和其他浏览器之间更能体现出来。低版本的IE浏览器不支持CSS3的特有属性设置,只能使用filter属性来进行设置或者使用图片以及Java来进行设置。
兼容问题的解决方案:以下为几种常用的解决方法
(1)导入语句过滤器:由于不同的输出设备的输出样式可能不一致,可以使用@import语句来将不同的样式导入到不同的设备里解决不同设备间样式不一致的问题。
(2)IE判断过滤器:不同的IE浏览器间也可能存在重载样式不一致的问题,可以通过判断IE浏览器的型号来进行对应的样式设置。
(3)属性名字过滤器:不同的浏览器对于CSS属性也有不同的识别方式,通过研究各种浏览器的属性判断方式就可以得到设置CSS属性的规则,从而设置你想要的浏览器的样式。
(4)根符号过滤器:IE6.0以上的版本浏览器以及其他类型的浏览器不支持 * 标签作为根节点,利用这一点可以进行样式的一致性设置。
(5)派生选择符过滤器:IE6.0及以下的浏览器不支持">"尖括号作为子标签选择符(只能使用空格),利用这一点可以进行样式的一致性设置。
(6)属性选择符过滤器:IE6.0及以下的浏览器里不支持属性选择符,利用这一点可以进行样式的一致性设置。
(7)注释语句过滤器:IE5.0及以下浏览器不支持选择符和属性后添加注释语句,利用这一点可以进行样式的一致性设置。
(8)大括号过滤器:CSS内使用大括号作为规则开始及结束定位标记。由于IE5.0及以下的浏览器版本不支持某些特殊的转移字符,所以利用大括号来屏蔽掉后面的属性设置。
(9)优先级过滤器:利用!important标志在不同浏览器下面的设置方法实现样式的一致性设置,IE6.0以下的浏览器,!important标志必须写在分号";"后面。
(10)相邻选择符过滤器:利用IE6.0版本以下的浏览器不支持相邻选择符的特性,来实现样式的一致性设置。
(11)转义字符过滤器:当属性名或者选择符名字出现斜杠""时,在IE5.0浏览器下忽略掉该斜杠。
十六年网站建设相关经验
一站式为您提供网站相关服务
欢迎扫码咨询