日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
DIV+CSS布局在IE和firefox中常見不兼容問題及解決方法

DIV+CSS構建網站時常會出現(xiàn)瀏覽器不兼容的問題,下面整理了一些常見不兼容問題,及解決辦法!相信本文介紹一定會讓你有所收獲。

公司主營業(yè)務:網站制作、成都做網站、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出北湖免費做網站回饋大家。

網頁中用DIV+CSS布局在IE和Firefox中不兼容問題的整理

DIV+CSS構建網站時常會出現(xiàn)瀏覽器不兼容的問題,下面整理了一些常見不兼容問題,及解決辦法!

1、用!important解決IE和Mozilla的布局差別

!important是CSS1就定義的語法,作用是提高指定樣式規(guī)則的應用優(yōu)先權,最重要的一點是:IE一直都不支持這個語法,而其他的瀏覽器都支持。因此我們就可以利用這一點來分別給IE和其他瀏覽器不同的樣式定義,例如,我們定義這樣一個樣式:

 
 
 
  1. .colortest{border:20pxsolid#60A179!  
  2.  
  3. important;border:20pxsolid#00F;padding:30px;width:300px;} 

在Mozilla中瀏覽時候,能夠理解!important的優(yōu)先級,因此顯示#60A179的顏色;在IE中瀏覽時候,不能夠理解!important的優(yōu)先級,因此顯示#00F的顏色。

2、解決超鏈接訪問過后hover樣式不顯示的問題

改變CSS屬性的排列順序:先后順序標準應為:a:link—a:visited—a:hover—a:active

3、Li中內容超過長度后以省略號顯示的方法

 
 
 
  1. http-equiv="Content-Type"/> 
  2.  
    •  
    • web標準常見問題大全web標準常見問題大全
    •  
    • web標準常見問題大全web標準常見問題大全
    •  
     
  3.  

 4、margin和padding定義尺寸的縮寫

margin:3px——表示所有邊都是3px;
margin:3px5px——表示top和bottom的值是3px,right和left的值是5px
margin:3px5px7px——表示top的值是3,right和left的值是5,bottom的值是7
margin:3px5px7px5px——四個值依次表示top,right,bottom,left;上右下左。

5、解決IE不能正確顯示透明PNG——header內加入代碼

 
 
 
  1.  
  2.  

 6、ul在Firefox和IE下表現(xiàn)不同

使用(padding:0;margin:0;list-style:inside;)或者(padding:0;margin:0;list-style:none;)實現(xiàn)兼容

7、BOX模型在Firefox和IE中的解釋相差2px的解決方法

div{margin:30px!important;margin:28px;}

注意這兩個margin的順序一定不能寫反。根據(jù)上面提到的IE并不支持!important,所以在IE下其實解釋成這樣:

 
 
 
  1. div{maring:30px;margin:28px} 
  2.  

重復定義的話按照***一個來執(zhí)行,所以不可以只寫margin:XXpx!important;

8、margin的默認效果

div里的內容,ie默認為居中,而ff默認為左對齊。使ff內容居中的方法是增加代碼margin:auto


分享標題:DIV+CSS布局在IE和firefox中常見不兼容問題及解決方法
文章鏈接:http://m.5511xx.com/article/djhohdo.html