IE7與web標準設(shè)計(3)
互聯(lián)網(wǎng) 發(fā)布時間:2008-10-17 19:26:13 作者:佚名
我要評論
上文:IE7與web標準設(shè)計(2)
IE歷來被web標準的擁護者所詬病,而當FireFox橫空出世以后,更多的網(wǎng)頁制作者開始關(guān)注web標準設(shè)計。看著FireFox的市場占有率不停的上升,微軟終于推出了IE7。但IE7是否真的能夠力挽狂瀾,是否真的能夠得到用戶的信任,是否真的能夠得到網(wǎng)頁
何以稱之為“禍首”
這篇文章的題目中,將這個bug稱之為“引起頁面布局混亂的禍首”。能被稱之為“禍首”,自然有其“強悍”的地方。那它到底強悍在什么地方呢?其實,很簡單,就3條:
-
無論是“寬度”的內(nèi)容過長,還是“高度”的內(nèi)容過長,都會引發(fā)此bug。
無論是文字、圖片,還是任意有寬度和高度概念的“可見元素”,它們的“過寬”和“過高”都會引發(fā)此bug。
任意有寬度和高度概念的“可見元素”,它們在默認狀態(tài)下的“overflow”樣式的值都是“Visible”(即使你沒有設(shè)置這個樣式)。
有些朋友可能會問,你怎么知道任意有寬度和高度概念的“可見元素”,它們在默認狀態(tài)下的“overflow”樣式的值都是“Visible”的呢?
其實方法很簡單,利用IE Developer Toolbar這個工具就可以知道了。下面的文章和截圖,可能會對你有幫助:
文章: 《介紹兩個,b/s開發(fā)中我常用到的小工具》
截圖:
圖:利用“IE Developer Toolbar”得到元素樣式的默認值
如何修復bug
其實這個bug,我們還是有辦法修復的,但都不是很完美的解決方案,想要取得較好的效果,還需要一些技巧。下面便是我工作中總結(jié)的一套解決方案。小弟才疏,眾多不對之處,還請各位高手指教。
修正這個bug首先要洗腦一下,因為錯誤的認識將不利于你對解決方法的理解。
-
雖然,那個虛擬的示例網(wǎng)頁在IE6中能夠“完美的”顯示,但是它并不是正確的。我們不能通過css hack的方法讓它在FireFox和IE7中顯示“靠近”IE6,而是應該“拔下”IE6的那層虛假的“皮”,重新塑造網(wǎng)頁,從而讓它在IE6、IE7和FireFox中都能正常顯示。
就算讓網(wǎng)頁在IE6、IE7和FireFox中,都可以正常顯示了,但卻未必就是最終想要的效果。
為了達到最終想要的結(jié)果,可能需要使用不推薦使用的措施——css hack。
相關(guān)文章

AudioContext 實現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實現(xiàn)音頻可視化,要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細內(nèi)容2022-02-23
這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強團隊的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當一個團隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團隊遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護性,需要的朋友可以參考下2017-01-21
- 這篇文章主要為大家詳細介紹了響應式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04
在網(wǎng)頁標題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個時間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29



