例如：
<#div id="imfloat">
相應(yīng)的css為
復制代碼
代碼如下:
#IamFloat{
float:left;
margin:5px;/*IE下理解為10px*/
display:inline;/*IE下再理解為5px*/}
3、關(guān)于容器的包涵關(guān)系
很多時候 ， 尤其是容器內(nèi)有平行布局 ， 例如兩、三個float的div時 ， 寬度很容易出現(xiàn)問題 。在IE中 ， 外層的寬度會被內(nèi)層更寬的div擠破 。一定要用Photoshop或者Firework量取像素級的精度 。
4、關(guān)于高度的問題
如果是動態(tài)地添加內(nèi)容 ， 高度最好不要定義 。瀏覽器可以自動伸縮 ， 然而如果是靜態(tài)的內(nèi)容 ， 高度最好定好 。(似乎有時候不會自動往下?lián)伍_ ， 不知道具體怎么回事)
5、最狠的手段 - !important;
如果實在沒有辦法解決一些細節(jié)問題,可以用這個方法.FF對于"!important"會自動優(yōu)先解析,然而IE則會忽略.如下
復制代碼
代碼如下:
.tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}
div css兼容(二)
2008年04月02日 星期三 上午 10:58
DIV CSS兼容 IE6 IE7 火狐
在區(qū)別火狐和IE時最常用的是!important方法,對于其他不同瀏覽器和瀏覽器的不同版本的的兼容性問題還有下面一些方法,比如:@import,注釋,屬性選擇符,子對象選擇符和voice-family等方法,這些方法在《css網(wǎng)站布局實錄》中有講述.
下面是IE和火狐的css兼容性問題
1.DOCTYPE 影響 CSS 處理
2.FF: div 設(shè)置 margin-left, margin-right 為 auto 時已經(jīng)居中, IE 不行
3.FF: body 設(shè)置 text-align 時, div 需要設(shè)置 margin: auto(主要是 margin-left,margin-right) 方可居中
4.FF: 設(shè)置 padding 后, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important 多設(shè)一個 height 和 width
5.FF: 支持 !important, IE 則忽略, 可用 !important 為 FF 特別設(shè)置樣式
【怎么讓div css兼容ie6ie7ie8ie9和FireFoxChrome等瀏覽器】
推薦閱讀
- 冬季釣魚怎么打窩
- 小米12pro極致模式怎么開
- IE瀏覽器上面的搜索框不見了怎么辦？搜索框不見了解決辦法介紹
- 微博怎么設(shè)置夜間模式
- 納斯達克指數(shù)是怎么算
- 系統(tǒng)與驅(qū)動不兼容怎么辦
- IE瀏覽器不能運行js是什么原因？JS代碼失效不能運行了怎么解決？
- 淋玻璃門怎么清洗
- 微博設(shè)置不讓別人看我的微博方法
- iPhone怎么查看我的PIN碼