css樣式怎么設(shè)置只對(duì)ie6起作用?

使用IE6的hack來(lái)書寫只有IE6能識(shí)別的css樣式。

創(chuàng)新互聯(lián)自2013年起，先為宣城等服務(wù)建站，宣城等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為宣城企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

\.element{width：100px；} /*ie7 ff識(shí)別\知道它是沒(méi)用的符號(hào)，不賦予執(zhí)行，而ie6當(dāng)\沒(méi)出現(xiàn)，因此寬為100px，*/ 通過(guò)這個(gè)例子，我們就可以篩選出ie6了。.e\lement和.element{wi\th：123px；}的應(yīng)用同理。

屬性前綴法是在CSS樣式屬性名前加上一些只有特定瀏覽器才能識(shí)別的hack前綴，以達(dá)到預(yù)期的頁(yè)面展現(xiàn)效果。

首先不太清楚為什么這樣做。因?yàn)镃SS，不管怎么樣，瀏覽器肯定都會(huì)解析的，只是渲染效果不一樣而已，并沒(méi)辦法全部都讓它無(wú)效，因?yàn)榧词故褂肏ACK，很多IE高點(diǎn)的版本也是會(huì)認(rèn)的。

如何為IE和chrome瀏覽器設(shè)置不同的CSS樣式

1、Div居中問(wèn)題：div設(shè)置 margin-left， margin-right 為 auto 時(shí)已經(jīng)居中，IE 不行，IE需要設(shè)定body居中，首先在父級(jí)元素定義text-algin： center；這個(gè)的意思就是在父級(jí)元素內(nèi)的內(nèi)容居中。

2、margin加倍的問(wèn)題 設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍。這是一個(gè)ie6都存在的bug。

3、頁(yè)頭要有聲明，如xhtml或html5，可以直接復(fù)制代碼，或如下圖創(chuàng)建文件時(shí)聲明文檔類型。有了聲明后所有瀏覽器都會(huì)用css盒模型的方式渲染，即：總寬=寬+內(nèi)邊距（padding值）+邊框+外邊距（margin值）。

4、IE 開(kāi)發(fā)者工具添加css屬性步驟如下：選擇開(kāi)發(fā)人員工具欄目中，選擇左起第一個(gè)鼠標(biāo)指針按鈕，然后將鼠標(biāo)移動(dòng)到“請(qǐng)假原因”多行文本空白處，點(diǎn)擊鼠標(biāo)左鍵。當(dāng)前選中區(qū)域的元素和該元素的樣式將分別在左右窗格顯示出來(lái)。

5、JavaScript設(shè)置外部樣式 當(dāng)你需要改變的樣式已經(jīng)在css文件中定義了，我們也可以用JavaScript直接用定義好的css樣式。

css樣式ie支持固定值需要什么條件?

在IE7以上版本及firefox、opera、safari里，都支持css屬性position：fixed，它的作用就是將元素相對(duì)于窗口固定位置。

首先，打開(kāi)html編輯器，新建html文件，例如：index.html。在index.html中的標(biāo)簽中的第一個(gè)標(biāo)簽，加入屬性代碼：width=65px。瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)表格第一列的寬度被固定在65像素。

！--以IE7模式渲染-- 還 有一種情況，在IE8下只有不使用兼容模式頁(yè)面才能顯示正常，但是如果設(shè)定為IE8的模式，在IE9中卻會(huì)導(dǎo)致CSS3失效?？磥?lái)，需要針對(duì) IEIE9 分別 禁用兼容模式。

CSS hack的寫法大致歸納為3種：條件hack、屬性級(jí)hack、選擇符級(jí)hack。

border-color：#fff；第二點(diǎn)是 ie對(duì)于css的magin padding 等默認(rèn)值為0px，但ff卻不一樣，為了保持外觀的統(tǒng)一性，即使padding為0你也要寫上，以免ff在瀏覽中的錯(cuò)位。

詳解CSS網(wǎng)頁(yè)布局中默認(rèn)字體樣式

1、默認(rèn)的字體有宋體、楷體、黑體、新宋體、仿宋等。外部字體 樣式表中嵌入外部字體，用@font-face語(yǔ)法。

2、通過(guò)css設(shè)置font-family來(lái)制定字體集，瀏覽器可以順序查找使用你制定的一系列字體，讓你的頁(yè)面看起來(lái)還不錯(cuò)。裝飾性字體組好只用于標(biāo)題。然后用css的font-family指定缺省字體。

3、static(默認(rèn)值)：如果使用默認(rèn)值，在CSS中為元素定義的top，left，right，bottom.z-index都不會(huì)生效。relative：相對(duì)元素本身進(jìn)行移動(dòng)。絕對(duì)定位：會(huì)脫離正常的文檔流，不再占據(jù)空間。

4、box1{font-family：微軟雅黑，宋體font-weight：bold}這個(gè)字體。css設(shè)定的字體， 只有系統(tǒng)里面有這個(gè)字體的才能看到。 比如xp系統(tǒng)的用戶， 一般都沒(méi)有微軟雅黑， 你css使用了微軟雅黑。

5、因?yàn)闉g覽器的兼容的問(wèn)題，不同瀏覽器有些標(biāo)簽的默認(rèn)值是不同的，如果沒(méi)有CSS初始化往往會(huì)出現(xiàn)瀏覽器之間的頁(yè)面顯示差異。

如何讓IE加載特殊的CSS樣式

1、下載一個(gè)壓縮包，里面有一個(gè)微軟的腳本文件（11KB）和一個(gè)用來(lái)測(cè)試服務(wù)器是否有正確的Content-Type的HTML文件：iecssrar；.htc文件是IE內(nèi)核支持Web行為后用來(lái)描述此類行為的腳本文件。

2、要區(qū)分IE和chrome，有個(gè)分水嶺就是IE9，IE9以上瀏覽器支持HTML5，所以可以采用一些CSS3中的新屬性來(lái)區(qū)分IE低版本與chrome，另外還可以采用屬性值加\9的方式來(lái)區(qū)分IE和chrome，例如：top：10px\9； （僅IE有效）。

3、ie8下兼容問(wèn)題，這個(gè)最好處理，轉(zhuǎn)化成ie7兼容就可以。

4、！--！[endif]-- 請(qǐng)注意/*@cc_on ！ @*/中間的這個(gè)感嘆號(hào)。

5、我覺(jué)得你可能是寫錯(cuò)了，引用外部CSS鏈接樣式的寫法： 你也有可能是html的編碼，就像樓上朋友所說(shuō)的一樣。

標(biāo)題名稱：ie中的專用css樣式 css樣式兼容ie
文章源于：http://aaarwkj.com/article19/dgcsigh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站排名、企業(yè)建站、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)