本人專業是做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...