在线观看肉片AV网站免费_97在线中文字幕免费公开视频_人妻无码二区自慰系列_高清无码黄色在线网站

針對不同的瀏覽器寫不同的CSS code

時間:2013-03-02 04:16來源:未知 作者:admin 點擊:

標簽:針對不同的瀏覽器寫不同的CSS code 不同(24)針對(6)-----------(1)CSS(823)code(3)瀏覽器(54)
--------------- \9 例:border:1px \9;.這里的\9可以區(qū)別所有IE和FireFox. 注:不論是什么方式,書寫的順序都是firefox的寫在前面,IE7的寫在旁邊,IE6的寫在最后面。 IE8 最新css hack: 另外再彌補一個,下劃線_, IE6支撐下劃線,IE7跟firefox均不支持下劃線。 #demo {width:100px;} /*被FIREFOX,IE6,IE7執(zhí)行.*/ 請求闡明:如果我們設置一個類名為exple的類CSS屬性,CSS款式邊框為1PX玄色
針對不同的瀏覽器寫不同的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相關文章
上一篇:針對不同版本的IE瀏覽器的條件CSS應用 下一篇:針對如何打造高質(zhì)量外鏈的技巧分享
回到頂部