IE7與web標(biāo)準(zhǔn)設(shè)計(jì)(3)
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 19:26:13 作者:佚名
我要評(píng)論

上文:IE7與web標(biāo)準(zhǔn)設(shè)計(jì)(2)
IE歷來(lái)被web標(biāo)準(zhǔn)的擁護(hù)者所詬病,而當(dāng)FireFox橫空出世以后,更多的網(wǎng)頁(yè)制作者開始關(guān)注web標(biāo)準(zhǔn)設(shè)計(jì)。看著FireFox的市場(chǎng)占有率不停的上升,微軟終于推出了IE7。但I(xiàn)E7是否真的能夠力挽狂瀾,是否真的能夠得到用戶的信任,是否真的能夠得到網(wǎng)頁(yè)
何以稱之為“禍?zhǔn)?rdquo;
這篇文章的題目中,將這個(gè)bug稱之為“引起頁(yè)面布局混亂的禍?zhǔn)?rdquo;。能被稱之為“禍?zhǔn)?rdquo;,自然有其“強(qiáng)悍”的地方。那它到底強(qiáng)悍在什么地方呢?其實(shí),很簡(jiǎn)單,就3條:
-
無(wú)論是“寬度”的內(nèi)容過(guò)長(zhǎng),還是“高度”的內(nèi)容過(guò)長(zhǎng),都會(huì)引發(fā)此bug。
無(wú)論是文字、圖片,還是任意有寬度和高度概念的“可見元素”,它們的“過(guò)寬”和“過(guò)高”都會(huì)引發(fā)此bug。
任意有寬度和高度概念的“可見元素”,它們?cè)谀J(rèn)狀態(tài)下的“overflow”樣式的值都是“Visible”(即使你沒有設(shè)置這個(gè)樣式)。
有些朋友可能會(huì)問,你怎么知道任意有寬度和高度概念的“可見元素”,它們?cè)谀J(rèn)狀態(tài)下的“overflow”樣式的值都是“Visible”的呢?
其實(shí)方法很簡(jiǎn)單,利用IE Developer Toolbar這個(gè)工具就可以知道了。下面的文章和截圖,可能會(huì)對(duì)你有幫助:
文章: 《介紹兩個(gè),b/s開發(fā)中我常用到的小工具》
截圖:

圖:利用“IE Developer Toolbar”得到元素樣式的默認(rèn)值
如何修復(fù)bug
其實(shí)這個(gè)bug,我們還是有辦法修復(fù)的,但都不是很完美的解決方案,想要取得較好的效果,還需要一些技巧。下面便是我工作中總結(jié)的一套解決方案。小弟才疏,眾多不對(duì)之處,還請(qǐng)各位高手指教。
修正這個(gè)bug首先要洗腦一下,因?yàn)殄e(cuò)誤的認(rèn)識(shí)將不利于你對(duì)解決方法的理解。
-
雖然,那個(gè)虛擬的示例網(wǎng)頁(yè)在IE6中能夠“完美的”顯示,但是它并不是正確的。我們不能通過(guò)css hack的方法讓它在FireFox和IE7中顯示“靠近”IE6,而是應(yīng)該“拔下”IE6的那層虛假的“皮”,重新塑造網(wǎng)頁(yè),從而讓它在IE6、IE7和FireFox中都能正常顯示。
就算讓網(wǎng)頁(yè)在IE6、IE7和FireFox中,都可以正常顯示了,但卻未必就是最終想要的效果。
為了達(dá)到最終想要的結(jié)果,可能需要使用不推薦使用的措施——css hack。
相關(guān)文章
AudioContext 實(shí)現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實(shí)現(xiàn)音頻可視化,要實(shí)現(xiàn)音頻可視化得先實(shí)現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對(duì)你有所幫助2022-02-23
- 這是我通過(guò)網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對(duì)html,css頁(yè)面重構(gòu)時(shí)的基礎(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)
這是一份旨在增強(qiáng)團(tuán)隊(duì)的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個(gè)部分。我們知道,當(dāng)一個(gè)團(tuán)隊(duì)開始指定并實(shí)行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團(tuán)隊(duì)遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21
響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過(guò)程中總會(huì)出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個(gè)時(shí)間把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