web前端開發中瀏覽器兼容問題（四）

 

16.連接訪問後hover樣式就不出現

• 被點擊訪問過的超連接樣式不在具備hover和active了,不少人應該都遇到過這個問題。

• 解決方法是改變CSS屬性的排列順序: L-V-H-A

例:

<style type="text/css">

a:link {}

a:visited {}

a:hover {}

a:active {}

</style>   

：link 選擇器          設置指向未被訪問的連接樣式

：visited選擇器     設置已被訪問的頁面的連接

：hover 選擇器      用於鼠標指針浮動在上面的元素

：active選擇器       用於活動連接

註釋：在 CSS 定義中，:hover 必須位於 :link 和 :visited 以後（若是存在的話），這樣樣式才能生效

17.遊標手指cursor

• cursor: pointer      能夠同時在 IE FF 中顯示遊標手指狀

• cursor: hand          僅 IE 能夠 

18.UL的padding與margin

• ul標籤在FF中默認是有padding值的,而在IE中只有margin默認有值,因此先定義： ul{margin:0;padding:0;}，就能解決大部分問題 。 

19.form標籤

• 這個標籤在IE中,將會自動margin一些邊距,而在FF中margin則是0,所以,若是想顯示一致,因此最好在css中指定margin和 padding,針對上面兩個問題,個人css中通常首先都使用這樣的樣式ul,form{margin:0;padding:0;}。

20.box模型解釋不一致問題

• 在FF和IE 中的BOX模型解釋不一致致使相差2px解決方法：

       div{

margin:30px!important;

margin:28px;

        }

•  注意這兩個 margin的順序必定不能寫反， important這個屬性IE6不能識別，但別的瀏覽器能夠識別。因此在IE6下其實解釋成這樣：

       div {

maring:30px;

margin:28px

       }

• 重複定義的話按照最後一個來執行。