欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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歷來被web標(biāo)準(zhǔn)的擁護(hù)者所詬病，而當(dāng)FireFox橫空出世以后，更多的網(wǎng)頁制作者開始關(guān)注web標(biāo)準(zhǔn)設(shè)計(jì)?？粗鳩ireFox的市場占有率不停的上升，微軟終于推出了IE7。但I(xiàn)E7是否真的能夠力挽狂瀾，是否真的能夠得到用戶的信任，是否真的能夠得到網(wǎng)頁

表面原因——放縱的孩子和嚴(yán)厲的父親
在2007年5月份的時(shí)候，我曾經(jīng)寫過一篇文章，叫做《IE6與IE7，放縱的孩子與嚴(yán)厲的父親》。當(dāng)時(shí)技術(shù)水平和對(duì)web標(biāo)準(zhǔn)的認(rèn)知有限，所以寫出來的這篇文章，雖然從表面合理的解釋了造成布局混亂的原因，但是并沒有說到根本上去。可謂“只知其一，不知其二”，但是這里依然推薦你閱讀一篇。因?yàn)?ldquo;先知其一，再知其二”將更有助于這“其二”的原因。
“其二”原因——IE6對(duì)“overflow:visible”的誤解
為了兼顧到對(duì)overflow可能還不是很了解到朋友，這里是關(guān)于overflow樣式的一些資料：W3C關(guān)于overflow的資料。請(qǐng)注意W3C對(duì)于visible參數(shù)的解釋：
Visible： "This value indicates that content is not clipped, i.e.,it may be rendered outside the block box（注：后面這句可能是后續(xù)版本補(bǔ)充上來的）".
注意，w3c只是說，超出容器的內(nèi)部不會(huì)被剪切。但是它并沒有說，超出來的內(nèi)容可以“撐開”容器。所以下面這個(gè)例子中IE7和FireFox的解釋和渲染是正確的，而IE6則是錯(cuò)誤的（因?yàn)樗e(cuò)誤的認(rèn)為，只有讓容器內(nèi)的內(nèi)容“撐開”容器，才能讓容器內(nèi)的內(nèi)容在超出時(shí)不被剪切）。
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="YES!B/S!,web標(biāo)準(zhǔn),楊正祎,博客園,實(shí)例代碼" />
<meta name="Description" content="這是一個(gè)簡單YES!B/S!文章示例頁面,來自楊正祎的博客,http://justinyoung.cnblogs.com/" />
<title>YES!B/S!文章示例頁面</title>
<style type="text/css">
#div1{
border:1px solid red;
width:50px;
}
</style>
</head>
<body>
<div id="div1">
alonglonglonglonglonglonglonglonglongword from <a href="http://justinyoung.cnblogs.com/" title="">http://justinyoung.cnblogs.com/</a>
</div>
</body>
</html>
下面是上面示例分別在IE6，IE7，F(xiàn)ireFox（版本2.0.0，12）和Oepra（版本9.25）中的顯示效果截圖（IE6和IE7共存的方法，可以參考文章《IE6和IE7共存方法（別人是別人的，我是我的）》）。

顯然只有IE6的渲染結(jié)果是“另類”的
從圖片中我們可以看到IE7和FireFox的渲染結(jié)果是一樣，IE6是個(gè)“壞孩子”，就不多說了，而Oepra的渲染結(jié)果和FireFox以及IE7也是有點(diǎn)差距的。但是這不是因?yàn)閷?duì)overflow樣式的理解有誤差造成的，所以這里也不再扯開話題了。

相關(guān)文章

最新評(píng)論