《
針對不同的瀏覽器寫不同的CSS code》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023494H013.htm
---------------
"\9" 例:"border:1px \9;".這里的",針對不同版本的IE瀏覽器的條件CSS應用;\9"可以區(qū)別所有IE和FireFox.
注:不論是什么方式,書寫的順序都是firefox的寫在前面,IE7的寫在旁邊,IE6的寫在最后面。
IE8 最新css hack:
另外再彌補一個,下劃線"_",
IE6支撐下劃線,IE7跟firefox均不支持下劃線。
#demo {width:100px;} /*被FIREFOX,IE6,IE7執(zhí)行.*/
請求闡明:如果我們設置一個類名為exple的類CSS屬性,CSS款式邊框為1PX玄色邊框,高度為100PX并要求,在IE6瀏覽器下寬度為100PX;IE7瀏覽器寬度下為150PX;火狐IE8谷歌瀏覽器下寬度為200PX;(PX是長度單位像素)
所以最后,#demo的寬度在三個瀏覽器的說明為:
以上是先容差別各閱讀器的CSS hack的寫法,下面咱們簡略介紹這些CSS hack用法:
 ,重新認識網(wǎng)站制作過程中采用div+css的布局方式;
以: " #demo {width:100px;} "為例;
*+html #demo {width:130px;} /*會被IE7執(zhí)行*/
瀏覽器優(yōu)先級別:FF<IE7<IE6,CSS hack書寫次序個別為FF IE7 IE6
ie7:130px;
"_" IE6能夠識別"_",IE7、IE8、FireFox不能.
* html #demo {width:120px,重新認識網(wǎng)上賺錢的幾個方法;} /*會被IE6履行,之前的定義會被后來的籠罩,所以#demo的寬度在IE6就為120px; */
我們先看下不同瀏覽器之間的區(qū)別:
FIREFOX:100px;
"*" IE6、IE7可以識別.IE8、FireFox不能.
首先建站學帶你懂得下什么是CSS hack:
ie6:120px;
IE6比較老的版本瀏覽器,用戶比較多,
IE7較新瀏覽器,更靠近標準瀏覽器,
IE8算是微軟尺度瀏覽器,但差異于瀏覽器,
火狐(Mozilla, Firefox)和谷歌瀏覽器(chrome)是比擬標準的IE瀏覽器,一般我們以這個瀏覽器為開發(fā)參考平臺,同時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"),重復收錄頁面的產(chǎn)生,這樣這局部在火狐、IE8、谷歌瀏覽器下就會顯示寬度為200px高度為100px帶1px的黑邊框的方塊;IE7瀏覽器寬度下為150PX高度為100px帶1px的黑邊框的方塊;在IE6瀏覽器下就會顯示出長度和寬度為100px的帶1px黑邊的正方形。
--> [
網(wǎng)站建設之]針對不同的瀏覽器寫不同的CSS code
因此一般我們區(qū)別這些瀏覽器CSS hack的辦法就變得簡單,我們只要斟酌IE6\IE7\火狐(Firefox)這3個瀏覽器即可兼容全體瀏覽器。
詳細區(qū)別如下:
區(qū)別IE6與FF:
background:orange;*background:blue;
區(qū)別IE6與IE7:
background:green !important;background:blue;
區(qū)別IE7與FF:
background:orange; *background:green;
區(qū)別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 瀏覽器
(責任編輯:網(wǎng)站建設)
針對不同的瀏覽器寫不同的CSS code相關文章