這篇文章主要介紹了css同一樣式表中怎么區分IE6和IE7的Firefox樣式的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇css同一樣式表中怎么區分IE6和IE7的Firefox樣式文章都會有所收獲,下面我們一起來看看吧。
創新互聯建站主營岳麓網站建設的網絡公司,主營網站建設方案,重慶App定制開發,岳麓h5小程序開發搭建,岳麓網站營銷推廣歡迎岳麓等地區企業咨詢
同一樣式表中如何對區分IE6,IE7,Firefox的樣式
導致網頁制作者面臨著許多煩惱,是由于Firefox與IE對于css規范支持略有不同。許多時候不得不制作兩套css文件,或者使用一些成熟的css框架。但是還有一些情況下,當我針對IE設置完css之后,用Firefox打開,發現只有一兩個樣式不太合適,專門再寫一個css文件不太合算。那么就可以針對某一兩個屬性進行設置。只要了解IE與Firefox一些不同,就能夠很容易達到這個目的。
◆IE都能識別*;標準瀏覽器(如FF)不能識別*;
IE6能識別*,但不能識別!important,
IE7能識別*,也能識別!important;
FF不能識別*,但能識別!important;
◆總結出下表:
IE6 IE7 FF
* √ √ ×
!important × √ √
因此,要在某一個css屬性上區分IE和Firefox,可以利用“*”符號,使用如下設置:
background-color:#3F87E4; *background-color:#2e7ee8;
***行,IE和Firefox都能夠識別出來,第二行IE能夠識別并且覆蓋掉***行的內容,而Firefox不能識別。這樣就達到了在Firefox中使用***行設置,而在IE中使用第二行設置的目的。
利用上表,還能夠區分IE6和IE7,以及IE6與Firefox,IE7與Firefox,可以分別進行不同的設置。如:
◆區別IE6與IE7:
background:green!important; background:blue;
◆區別FF,IE7,IE6:
background:orange; *background:green!important; *background:blue;
但是需要注意到一點是:不管是什么方法,書寫的順序都是Firefox的寫在前面,IE7的寫在中間,IE6的寫在***面。
關于“css同一樣式表中怎么區分IE6和IE7的Firefox樣式”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“css同一樣式表中怎么區分IE6和IE7的Firefox樣式”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道。
名稱欄目:css同一樣式表中怎么區分IE6和IE7的Firefox樣式
URL鏈接:http://m.newbst.com/article30/gschso.html
成都網站建設公司_創新互聯,為您提供外貿網站建設、動態網站、做網站、云服務器、網站維護、靜態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯