注冊/登錄,歡迎光臨!
加入收藏設為首頁網站地圖
您當前的位置:辛勤IT網 >> 網頁設計 >> DIV+CSS >> CSS解析在IE與Firefox下的區別
熱門:word | excel | powerpoint

CSS解析在IE與Firefox下的區別

2019/5/31 21:21:55 所屬分類:網頁設計 - DIV+CSS
內容提要:CSS解析在IE與Firefox下的區別,IE與Firefox下對CSS解析的區別,1、對高度的解析,IE:將根據內容的高度變化,包括未定義高度的圖片內容,即使定義了高度,當內容超過高度時,將使用實際高度。Firefox:沒有定義高度時,如果內容中包括了圖片內容,MF的高度解析是根據印刷標準,這樣就會造成和實際內容高度不符合的情況;當定義了高度,但是內容超過高度時,內容會超出定義的高度,但是區域使用的樣式不會變化,造成樣式錯位。

  IE與Firefox下對CSS解析的區別

  1、對高度的解析

  IE:將根據內容的高度變化,包括未定義高度的圖片內容,即使定義了高度,當內容超過高度時,將使用實際高度。

  Firefox:沒有定義高度時,如果內容中包括了圖片內容,MF的高度解析是根據印刷標準,這樣就會造成和實際內容高度不符合的情況;當定義了高度,但是內容超過高度時,內容會超出定義的高度,但是區域使用的樣式不會變化,造成樣式錯位。

  結論:大家在可以確定內容高度的情況下最好定義高度,如果真的沒有辦法定義高度,最好不用使用邊框樣式,否則樣式肯定會出現混亂。

  2、img對象alt和title的解析

  alt:當照片不存在或者load錯誤時的提示。

  title:照片的tip說明。

  在IE中如果沒有定義title,alt也可以作為img的tip使用,但是在MF中,兩者完全按照標準中的定義使用。

  結論:大家在定義img對象時,最后將alt和title對象都寫全,保證在各種瀏覽器中都能正常使用。

  3、其他的細節差別

  當你在寫css的時候,特別是用float:left(或right)排列一竄圖片時,會發現在firefox里面正常而IE里面有問題。無論你用margin:0,還是border:0來約束,都無濟于事。

  其實這里還有另外一個問題,就是IE對于空格的處理,firefox是忽略的而IE對于塊與塊之間的空格是處理的。也就是說一個div結束后要緊接著一個div寫,中間不要有回車或者空格。不然也許會有問題,比如3px的偏差,而且這個原因很難發現。

  非常不走運的是我又碰到了這樣的問題,多個img標簽連著,然后定義的float:left,希望這些圖片可以連起來。但是結果在firefox里面正常而IE里面顯示的每個img都相隔了3px。我把標簽之間的空格都刪除都沒有作用。

  后來的解決方法是在img外面套li,并且對li定義margin:0,這樣就解決了IE和firefox的顯示偏差。IE對于一些模型的解釋會產生很多錯誤問題,只有多多嘗試才能發現原因。

網頁設計 | DIV+CSS
最近更新
推薦信息
關于我們 | 聯系方式 | 對話本站 | 版權聲明 | 所有信息
福建体彩31选7走势图开奖7