建站
咨詢
售后
建站咨詢
新聞中心
本文向大家介紹一下IE7beta2的CSS兼容性問題，MS在推出了IE7beta2發(fā)生了一些變化，改進和變化會導(dǎo)致一些原來正常網(wǎng)頁出現(xiàn)布局錯誤或者原來可以使用的Hack技巧不再可用。
10年積累的成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先做網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有溫州免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
IE7beta2的CSS兼容性
當IE7beta1推出的時候，我在第一時間對它作了個測試。當時發(fā)現(xiàn)它對CSS的支持幾乎沒有任何變化，著實失望了一陣。MS在最近推出了IE7beta2，這次有了不少新的改進和變化。但這些改進和變化會導(dǎo)致一些原來正常網(wǎng)頁出現(xiàn)布局錯誤或者原來可以使用的Hack技巧不再可用。MSDN在年初的時候把這些可能產(chǎn)生的問題羅列給開發(fā)者（這是原文），這里我把其中比較主要的問題簡單地描述一下，希望能對大家有所幫助。
◆注意，在IE7正版發(fā)布之前，以下提到所有內(nèi)容都是有可能變化的。
盒模型變了，這恐怕是會讓那些使用Web標準建設(shè)大型網(wǎng)站的開發(fā)者感到背脊發(fā)涼的變化，不過不用太擔心，主要的變化是在盒模型對溢出（overflow）內(nèi)容的處理方法。
假設(shè)有一個100px寬100px高的盒子，在這個盒子里放一個200px寬200px高的圖片。目前IE的正理方法是自動把盒子“撐大”到200px見方。而IE7beta2的處理方法和FF是一致的：盒子不變，溢出的部分在盒子外面被渲染。也就是說盒子的overflow值真正地使用了W3C的默認值“visible”。
如果你現(xiàn)有的布局是依賴于IE的“自動撐開”，那么要小心，很可能會出現(xiàn)問題（特別是動態(tài)內(nèi)容的網(wǎng)頁）。
XML序言（prolog）可能會影響盒模型
大家知道IE有兩種渲染模式：QuirksMode和StrictMode。QuirksMode基本上是非標準的，包括盒模型在內(nèi)，它的渲染方式與W3C的標準有些出入。而StrickMode基本上是標準的（反正都不是絕對標準也不是絕對不標準……）。IE6及以前版本會根據(jù)寫在XHTML文檔第一行（也只能是第一行）的DocType聲明來選擇渲染模式。如果發(fā)現(xiàn)了一個它能識別的DocType，比如XHTMLTransitional或者XHTMLStrict等等，它就使用StrictMode來渲染。其他所有情況下都使用QuirksMode。
有些開發(fā)者為了顯式地聲明他們的XHTML文檔是一個XML，會在文檔的第一行（問題就在這里，它也必須在第一行）加上XML的序言（prolog）。比如：
雖然初衷是為了讓文檔更“標準”，但由于IE不認這行字，結(jié)果還是按QuirksMode來渲染。
IE7beta2解決這個問題，它會跳過prolog來看檢查DocType。所以可能會出現(xiàn)IE6及以下版本用QuirksMode渲染而IE7beta2用StrictMode渲染的情況。
其實這個問題容易解決，在現(xiàn)有的環(huán)境下，把prolog直接刪掉就行了，實在是沒什么大的用處。當然想裝作在使用XHTML，事實上還是想用QuirksMode的人可能得好好想個新辦法了^_^
由于改進bug而失效的Hack技巧
*html
這是一個利用IEBug的Hack，如下的寫法只有IE會解析其中的內(nèi)容：
*html{...}*htmlbody{...}現(xiàn)在IEbeta2將和大部隊一起把它們忽略掉。
◆下劃線Hack
這也是一個利用IEBug的Hack，如下的寫法只有IE會解析其中的內(nèi)容：
- .myclass{
- min-height:300px;
- _height:300px;
- }
現(xiàn)在IEbeta2將不再解析下劃線開頭的屬性，但是會把它當作一個“用戶自定義”屬性。自定義屬性并不能應(yīng)用到表現(xiàn)上，但是它會存在于文檔模型中，可以使用腳本來訪問。（這個特性我還沒有測試過）
◆/**/注釋Hack
這是我最喜歡的Hack技巧之一了。如下的寫法在StrictMode下面會對IE6透明（IE5.x是會解析的），但是現(xiàn)在IE7beta2將會解析它：
- .myclass{
- height/**/:300px;
- }
由于增強功能而失效的Hack技巧
原來IE不支持以下寫法，現(xiàn)在可以了：
◆child選擇符Hack
- html>body{
- height:300px;
- }相鄰選擇符Hack
- head+body{
- height:300px;
- }相鄰選擇符和first-child偽類選擇符
- head:first-child+body{
- height:300px;
- }
這些都算不上什么壞消息，反正我從來不用這些Hack^_^
頁面混亂解決方案
在MSDN的那篇文章上給出了一些解決方案，從我的角度來看都是些治標不治本、隔靴搔癢的方案。要不用JS來做CSS的工作，要不只針對IE來載入特定的CSS。所以建議大家：等！一等IE7的正式版，在正式版出來之前，什么都有可能變。二等偉大的CSS社區(qū)的牛牛們找出更多的Hack技巧。IE7不可能做得和FF一模一樣，也不可能和IE6一模一樣，反正總會有點不一樣的，就利用那點不一樣的東西來做Hack。
雖然用各種Hack是件很無奈的事情，但現(xiàn)實就是這樣，我們在努力影響這個行業(yè)的同時只有好好適應(yīng)它，所以私底下很希望能看到用中國人名字命名的Hack出現(xiàn)。
網(wǎng)站名稱：探究IE7beta2的CSS兼容性
轉(zhuǎn)載源于：http://www.dlmjj.cn/article/ccssjog.html
