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 多浏览器兼容又一方案的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js如何往div里写div
- 下一篇: 一些零碎问题