CSS DIV在IE6和IE7中的差異

2021-04-26 13:34:57 字數 1305 閱讀 1550

1. ie7,ie6 div+css出現寬度定義不同

在寬度定義上出現寬度的解釋不同,ie7寬度在ie6上要寬一些,,正是這個原因網頁可能會出現溢位問題, 還好這個問題可以通過更改數值或者修改一下百分比解決.

2. ie7.0修復了!important這個bug。

先前由於ie6.0對!important識別存在bug, 在firefox和ie中的box模型解釋不一致導致相差2px,大部分網頁標準設計師通過這個bug來相容ie6.0和firefox,即採用:div 。但是ie7.0把這個bug給修復了,所以問題又出現了,怎麼相容 ie.7.0的同時又能相容ie6.0和firefox?

3. box model的改變

在ie7中,為了適應css2.1 box model修改了溢位的行為。

4. ie7.0中一些css filter將不再可用

ie7中修改了許多潛在解析錯誤,這些可能會阻止filter在以前的ie版本中正常工作。如:*html filter,下劃線filter和/**/注釋filter等等。

5. ie7.0對很多不規範的css不再支援,對js語法要求更嚴格規範。

很多在ie6下正常顯示的js頁面,在ie7下均不能正常顯示,並且還沒有提示錯誤。ie7.0對js語法要求更嚴格規範,只是這個規範似乎並沒有說明,也沒有明白的告訴大家,他們是怎麼「規」怎麼「範」的。      

瀏覽器不相容這個難題,一直是網頁設計師們頭痛的事情。ie7.0的面世,尚且不論他是否較之ie6.0進步, ie7和ie6 之間不相容,毫無疑問又引入了新的痛處,至少在除錯的過程中,又多了一道程式以及隨之而來的大量不相容。

目前,使用ie7.0的使用者尚且是少數,使用ie6.0的使用者仍然佔據很大的比重。然而,大量通過ie6 測試的網頁,在ie7.0中都顯示不正常。

據ie7.0官方解說:

ie7.0在ie6的基礎上引入了strict模式,包含了許多有關於層疊樣式表(css)解析與呈現的改進。這些改進意在提高internet explorer解釋層疊樣式表的一致性,以達到w3c的推薦的標準,同時為開發者提供乙個可以依賴的功能集合。

不管官方的語言是多麼動聽,也不管ie7.0是不是真的w3c了,瀏覽器之間太多個性化的東西,太多差異,讓我們無可奈何。在ie7.0下設計出的網頁,ie6下面顯示的幾乎是不堪入目。那麼,我們在設計網頁的時候,在解決好ie6.0與火狐的相容問題的同時,我們是更多的服從符合w3c一些的 ie7.0,還是對96%的ie6.0妥協?這個問題其實有些多餘,我們能做的,或許只有選擇中庸,只有盡量除錯到各個瀏覽器都顯示正常吧。

新舊技術的相容與交替是件非常重要的事情,對新技術的盡早的接觸與吸收是件好事,但對舊技術的相容更為重要,因為絕大部分客戶還在使用舊的技術

IE6和IE7中border渲染斷線現象

最近在給乙個研究會做個站點,全部處理完事ok後開始檢查瀏覽器bug,突然發現在ie7模式下乙個div出現左右border斷線現象。content pages right pages content 經過多方面蒐集資料發現 容器內有兩個浮動,並用clear清除浮動。在ie6和ie7下拖動滾動條時最外層...

IE7與IE6的路徑區別

在ie6中,我們在ie位址列裡輸入如下格式的路徑 e solutions kingsoft tiexuetool bin debug pictool.html,頁面會正常顯示,而在ie7中輸入這個路徑則提示 windows 無法找到 e solutions kingsoft tiexuetool b...

關於IE6和IE7以及多個版本IE共存的問題

做web開發web標準很重要的一點也是最煩的一點,就是相容各版本瀏覽器問題了。要解決各版本瀏覽器問題就需要先安裝各個不同的瀏覽器進行測試。非ie的瀏覽器共存非常簡單,也就不多說了,而其中多個版本ie共存問題是最不好解決,又最需要解決的了。下面是我記錄和整理的各種ie共存的方法 首先下面的情況適用於系...