不當行為:IE8的CSS佈局破損(針對在IE8中使用Meta標籤的瀏覽器版本)
如果你是CSS的人,你想知道的痛苦,在獲得工作的跨瀏覽器的佈局。 IE8是我們開發的工程中的又一扳手。 anywaz! 如果你打這個問題時,像我一樣昨天,你完全工作在IE7的CSS(或更早)和Firefox突然開始扔在IE8發脾氣,試試這個...很好,這似乎是解決問題的那一刻我....
使用meta聲明,我們可以指定我們想IE8的使用的渲染引擎。 因此,強制IE8的渲染IE7 ...插入文檔的頭部以下Meta標籤: -<meta http-equiv="X-UA-Compatible" content="IE=7"
IE瀏覽器默認情況下,元將是: -
<meta http-equiv="X-UA-Compatible" content="IE=8"
這將使IE8的渲染頁面,使用新的標準模式。如果需要,此語法可以用來容納其他瀏覽器如下:
<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4"
更多關於文檔類型:
如果你不熟悉的動物,被稱為“DOCTYPE”排序...這裡是一些快速閱讀
什麼是文檔類型? 什麼是瀏覽器怪癖嚴格模式?
設置在XSL中的DOCTYPE
為深入了解更多有關文檔類型,嘗試訪問這些鏈接...
除了 一個列表:有了正確的DOCTYPE,修復您的網站!
除了 一個名單:超越的DOCTYPE:Web標準,向前兼容和IE8
注:雖然我們很多的HTML / CSS的人都被忽略在我們的文件重要性的DOCTYPE decleration的,設置正確的DOCTYPE,通常是跨瀏覽器的問題的答案。
IE 8嚴格模式和CSS的透明度......周圍的工作
哦,好吧! 幾天一回就在IE8的不透明度,在先前的帖子,我忘了提一個重要的觀 點,“IE 8嚴格模式不會允許的CSS透明度 ”。
對於那些donot明白我的嚴格模式意味著, 這裡是快速教程 。
圍繞這項工作(之前IE開發團隊意識到,他們有世界各地的日常工作鋪平了道路,為網絡站點使用一些不透明的彈出式燈箱,並放回混濁的支持),是使用半透明PNG格式的圖片...最好(我有壞的經驗,越來越透明的GIF圖像,他們應該工作)。 創建PNG圖像的透明度,你喜歡的顏色和比例,在您最喜愛的圖像編輯器,並使用它作為背景圖片燈箱覆蓋。
即
而不是像這樣
。lighbox_overlay {
背景顏色:#FFFFFF;
的z-index:1001;
MOZ-混濁:0.6;
透明度:0.60;
過濾器:α(不透明度= 60);
}
做到這一點......
。lighbox_overlay {
背景:URL(bkg.png)的重複;
}
在IE8沒有“透明度”
如果您正在查看的頁面在IE8,那麼你必須看到一個完全不透明的這篇文章後面的白色背景。 昨天,我collegue指出這一點我(由於我的人適應變化緩慢而穩定地之一,特別是瀏覽器。可能會說,我是個膽小鬼,但就這樣吧....作為一個UI開發人員,我總是害怕新版本的瀏覽器的狗屎......你知道什麼即時通訊tlaking左右,對不對?)
挖周圍的同時,試圖找到一個解決方案來解決它,那麼...
這一次我們喜愛的瀏覽器全部做了一遍刪除所有支持CSS的透明度。 非標準`過濾器:α(不透明度=##)“已刪除的CSS屬性,尼斯,但他們也完全忘了加上CSS3的的混濁支持(像所有其他的瀏覽器是如何很好一直在)。 因此,對於第一次因為神告訴我們關於CSS透明度(使用IE 5.0以來,我猜),網頁瀏覽器將不支持CSS的透明度。
現在在上面的奶油: 從IE 8團隊官方字嗎? 這是“設計”和“我們會考慮在未來版本的IE瀏覽器”。
PS:嘗試在FF此頁,發誓它看起來整齊!











































