《
针对不同的浏览器写不同的CSS code》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023494H013.htm
---------------
"\9" 例:"border:1px \9;".这里的",针对不同版本的IE浏览器的条件CSS应用;\9"可以区别所有IE和FireFox.
注:不论是什么方式,书写的顺序都是firefox的写在前面,IE7的写在旁边,IE6的写在最后面。
IE8 最新css hack:
另外再弥补一个,下划线"_",
IE6支撑下划线,IE7跟firefox均不支持下划线。
#demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/
请求阐明:如果我们设置一个类名为exple的类CSS属性,CSS款式边框为1PX玄色边框,高度为100PX并要求,在IE6浏览器下宽度为100PX;IE7浏览器宽度下为150PX;火狐IE8谷歌浏览器下宽度为200PX;(PX是长度单位像素)
所以最后,#demo的宽度在三个浏览器的说明为:
以上是先容差别各阅读器的CSS hack的写法,下面咱们简略介绍这些CSS hack用法:
 ,重新认识网站制作过程中采用div+css的布局方式;
以: " #demo {width:100px;} "为例;
*+html #demo {width:130px;} /*会被IE7执行*/
浏览器优先级别:FF<IE7<IE6,CSS hack书写次序个别为FF IE7 IE6
ie7:130px;
"_" IE6能够识别"_",IE7、IE8、FireFox不能.
* html #demo {width:120px,重新认识网上赚钱的几个方法;} /*会被IE6履行,之前的定义会被后来的笼罩,所以#demo的宽度在IE6就为120px; */
我们先看下不同浏览器之间的区别:
FIREFOX:100px;
"*" IE6、IE7可以识别.IE8、FireFox不能.
首先建站学带你懂得下什么是CSS hack:
ie6:120px;
IE6比较老的版本浏览器,用户比较多,
IE7较新浏览器,更靠近标准浏览器,
IE8算是微软尺度浏览器,但差异于浏览器,
火狐(Mozilla, Firefox)和谷歌浏览器(chrome)是比拟标准的IE浏览器,一般我们以这个浏览器为开发参考平台,同时IE8与这两个浏览器解释CSS比较濒临,普通只有通过分狐、谷歌浏览器测试兼容,正常就能断定IE8.
CSS hack因为不同的浏览器,比方Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析意识不一样,因而会导致天生的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就须要针对不同的浏览器去写不同的CSS,让它可能同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面后果。这个针对不同的浏览器写不同的CSS code的进程,就叫CSS hack!
则CSS代码如下:
.exple{border:1px solid #000; height:100px;width:200px; *width:150px !important; *width100px;}
这样只要在html设置一个div的类(class="exple"),重复收录页面的产生,这样这局部在火狐、IE8、谷歌浏览器下就会显示宽度为200px高度为100px带1px的黑边框的方块;IE7浏览器宽度下为150PX高度为100px带1px的黑边框的方块;在IE6浏览器下就会显示出长度和宽度为100px的带1px黑边的正方形。
--> [
网站建设之]针对不同的浏览器写不同的CSS code
因此一般我们区别这些浏览器CSS hack的办法就变得简单,我们只要斟酌IE6\IE7\火狐(Firefox)这3个浏览器即可兼容全体浏览器。
详细区别如下:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
于是大家还可以这样来辨别IE6,IE7,firefox: background:orange;*background:green;_background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能辨认!important;
FF不能识别*,但能识别!important,部分中小站长被懒惰思想侵蚀的几点危害;以下是各浏览器CSS hack表格
Tag:CSS code 浏览器 CSS code 浏览器
(责任编辑:网站建设)
针对不同的浏览器写不同的CSS code相关文章