DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE6 IE7 IE8三大浏覽器的CSS兼容速查表(2)
IE6 IE7 IE8三大浏覽器的CSS兼容速查表(2)
編輯:CSS詳解     

列表類

1.ul標簽在Firefox中默認是有padding值的,而在IE中只有margin有值
先定義ul{margin:0;padding:0;}

2.ul和ol列表縮進問題
消除ul、ol等列表的縮進時,樣式應寫成:{list-style:none;margin:0px;padding:0px;}

顯示類

1.display:block,inline兩個元素

  1. display:block;//可以為內嵌元素模擬為塊元素
  2. display:inline;//實現同一行排列的的效果
  3. display:table;//forFirefox,模擬table的效果

◆display:block塊元素,元素的特點是:

總是在新行上開始;
高度,行高以及頂和底邊距都可控制;
寬度缺省是它的容器的100%,除非設定一個寬度
<div>,<p>,<h1>,<form>,<ul>和<li>是塊元素的例子

◆isplay:inline就是將元素顯示為行內元素,元素的特點是:

和其他元素都在一行上;
高,行高及頂和底邊距不可改變;
寬度就是它的文字或圖片的寬度,不可改變。
<span>,<a>,<label>,<input>,<img>,<strong>和<em>是inline元素的例子

2.鼠標手指狀顯示

全部用標准的寫法cursor:pointer;

背景、圖片類

1.background顯示問題

全部注意補齊width,height屬性

2.背景透明問題

IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);
IE:filter:alpha(opacity=10);
Firefox:opacity:0.6;
Firefox:-moz-opacity:0.10;
最好兩個都寫,並將opacity屬性放在下面

【編輯推薦】

  1. CSS中padding-top和padding-left屬性的區別
  2. 實例解析CSS padding 屬性用法
  3. 探究IE和Firefox下的2款HTTP調試工具用法
  4. CSS教程:詳解margin和padding屬性應用場合
  5. 實現IE6、IE7、IE8多版本浏覽器共存的五種方法
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved