CSS 多瀏覽器相容又一方案

2022-05-21 07:43:10 字數 1097 閱讀 8201

本人專業是做ui的,寫css已經有好幾年了,目前剛剛在部落格發布關於css的文章,歡迎有問題的朋友在有問必答論壇

提問,我一定盡力解答。

什麼是瀏覽器hack:當我們使用不同的瀏覽器(firefox ie7 ie6)訪問同乙個**,或者頁面的時候,會出現一些不相容的問題,有的顯示出來正常,有的顯示出來不正常,我們在編寫css的時候會很惱火,剛修復了這個瀏覽器的問題,結果另外乙個瀏覽器卻出了新問題。而hack就是一種辦法,能讓你在乙個css裡面獨立的寫支援不同瀏覽器的樣式。這下就和諧了。呵呵!

最近微軟發布的ie7瀏覽器的相容性確實給一些網頁製作人員新增了乙個沉重的負擔,雖然ie7已經走向標準化,但還是有許多和ff不同的地方,所以需要用到ie7的hack,有許多朋友問過ie7的hack是什麼,其實我也不知道。暫時還沒找到ie7專用的hack。除了前面那片文章,《針對firefox ie6 ie7的css樣式》中的hack方式也是很好用的。

有一點邏輯思想的人都會知道可以用ie和ff的hack結合起來使用,下面介紹三個hack,例如:(適合新手,呵呵,高手就在這裡路過吧。)

程式**

第乙個hack,ie ff 所有瀏覽器 公用(其實也不算是hack)

height:100px;

第二個hack ie6專用

_height:100px;

第三個hack ie6 ie7公用

*height:100px;

介紹完了這三個hack了,下面我們再來看看如何在乙個樣式裡分別給乙個屬性定義ie6 ie7 ff專用的hack,看下面的**,順序不能錯哦:

程式**

height:100px;

*height:120px;

_height:150px;

下面我簡單解釋一下各瀏覽器怎樣理解這三個屬性:

在ff下,第2、3個屬性ff不認識,所以它讀的是 height:100px;

在ie7下,第三個屬性ie7不認識,所以它讀第1、2個屬性,又因為第二個屬性覆蓋了第乙個屬性,所以ie7最終讀出的是第2個屬性 *height:120px;

在ie6下,三個屬性ie6都認識,所以三個屬性都可以讀取,又因為第三個屬性覆蓋掉前2個屬性,所以ie6最終讀取的是第三個屬性。

CSS瀏覽器相容解決方案

1.在ie8的甑別上,如何讓樣式只對ie8起作用?用ie瀏覽器獨有的文件注釋的方式。像這樣 doctype html 只需要在獨立對ie8應用樣式規則的地方,copy該條規則,然後在前面加上 ie8然後就能隨便寫了,對付ie9也一樣。2.360雙核瀏覽器,新增以下頭部meta資訊可以使得網頁用web...

css 多瀏覽器不相容問題

1 解決ie6 ie7 firefox相容最簡單的css hack寫三句 來控制乙個屬性,區別firefox,ie7,ie6 background orange background green important background blue 這段 會使在firefox中,背景呈橙色 ie7中為...

相容多瀏覽器的CSS背景透明

在css中有乙個alpha濾鏡,這個濾鏡可以設定目標元素的透明度。還可以通過指定座標,從而實現各種不通範圍的透明度。具體語法如下 引用內容 具體引數 opacity 透明度。預設的範圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明。finishopacit...