DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS輕松搞定IE6、IE7和FF火狐之間的hack(兼容)問題
CSS輕松搞定IE6、IE7和FF火狐之間的hack(兼容)問題
編輯:CSS詳解     
  • 本篇文章很短,但內容很實用,將會最簡便的方法幫你搞定IE6、IE7和FF火狐之間的hack兼容性問題,以往的方法固然也有效,但是感覺需要記的符號太多,索引發現本方法即簡單又好記,而且區分的效果明顯,很好的解決了各浏覽器間的兼容問題。先看例子:

    01 /*FF火狐*/ 02 .test{ 03 height:20px; 04 background-color:orange; 05 } 06 /*IE6*/ 07 *Html .test{/*IE6*/ 08 height:20px; 09 background-color:black; 10 } 11 /*IE7*/ 12 * Html .test{/*IE7*/ 13 height:20px; 14 background-color:blue; 15 }

      你會發現,這裡主要是使用了*html的標記,在IE6和IE7如果要使用HACK必須要在前面加上父級標簽html。也就是如果要照顧IE6的兼容,可以在針對IE6的CSS前面加上*html,而IE7加* Html,通過對class、id所做的CSS HACK好處在於不用顧及前後順序,便於代碼維護。以上代碼運行結果:橙色代表FF,藍色代表IE7,黑色代表IE6。


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved