2009-06-21 29 views
0

對於IE 6,我們有大量的錯誤讓我們擔任設計師。有沒有其他的方法可以修復IE 6的錯誤?

不正確盒模型等等等等

我已經通過JavaScript搜索修復和發現

[鏈接] [1] IE7.js IE7是一個JavaScript庫,使微軟的Internet Explorer的行爲如符合標準的瀏覽器。它修復了許多HTML和CSS問題,並使IE6和IE6下的透明PNG工作正常。

但我們有真正的生活保護程序,而不是通過CSS的JavaScript。

+5

IE6沒有錯誤的盒子型號,除非您的文檔類型錯誤。 – svinto 2009-06-21 16:56:48

回答

3

如何處理IE6的CSS錯誤?當然。

參見:http://www.quirksmode.org/css/condcom.html 有條件的意見

還有其他的方法,如在都被忽略,一些瀏覽器而不是在其它一些CSS屬性添加一些特定的字符。

但是,在某些情況下,網頁設計師在使用這些時應該非常謹慎。

3

另一種方法是在IE 6的錯誤世界中生活,並設計你的頁面,儘管他們看起來是正確的。您可以爲您的IE6客戶端提供不同的CSS,或者根據您的設計提供不同的HTML(如有必要)。在某些情況下,您可以使用一個CSS文件,這對IE6客戶端意味着不同的東西,但該技術在IE7和8方面存在問題。

0

有一些簡單的樣式表黑客可以修改各種Internet Explorer版本中的演示文稿來解決您的CSS問題。例如這三個:

簡化盒模型破解了IE4,IE5,IE5.5:

div.values { margin: 10px; m\argin: 20px; } 

星級HTML劈爲IE4,IE5,IE5.5和IE6:

* html div.values { margin: 5px; } 

明星第一胎+ HTML的黑客針對IE7:

*:first-child+html div.values { margin: 5px; } 

PNG transparancy問題可以這樣解決方案來解決:

<div style="width:50px;height:50px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo/logo.png');"> 
    <img src="/images/logo/logo.png" height="50" width="50" alt="" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" /> 
</div> 
0

偉大的信息,到目前爲止,但有一點要注意的是,IE7.js不能解決在所有情況下的PNG(至少去年我看了)。例如,您將無法使用透明度平鋪背景圖片。

在DXImageTransform的情況下,您可能會發現,當它應用於包含鏈接的元素時,這些鏈接不再是「可點擊的」。您可以通過給具有變換應用到它的靜態定位和孩子錨元素如定位的父元素有時候解決這個問題,

h2{ 
position:static; 
zoom:1; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/mypng.png", sizingMethod="scale"); 
} 
h2 a{ 
position:relative; 
} 
<h2><a href="" >a link!</a></h2> 

如果你有做這樣的垃圾把它放在一個單獨的樣式表並用條件註釋控制加載。如果設計有任何複雜性,請儘量不要支持ie6或<。如果你不能避免這樣做,請多收費;)。有時候,這足以說服某人支持ie6不「值得他們的時間」。

0

你爲什麼不試試FireBug Light for IE?它不如FireFox FireBug強大但可以幫助

0

許多錯誤可以在CSS中使用條件註釋或CSS選擇器黑客來解決。但也有一些錯誤是CSS單獨黑客無法處理,如IE6的.multiple.class.selector.bug

1

這個鏈接也得心應手一個

How do you deal with Internet Explorer?

我從來不知道這一點 - 感謝svinto 「 IE6沒有錯誤的盒子型號,除非你有錯誤的文檔類型。 - svinto「

0

還有另一個快速和骯髒的黑客IE6風格 例如

您可以將CSS定義爲;

.divTitle { 填充:5像素; width:600px; _width:590px; }

所有其他瀏覽器選取600px作爲寬度值& IE6覆蓋它&取590px;

我已經在IE7 & FF中測試過了。

您也可以查看此鏈接; link text

相關問題