ie6 css背景圖像問題

我有一個CSS樣式，它在後臺顯示一個PNG圖像。它適用於所有瀏覽器，除了ie6。ie6 css背景圖像問題

在ie6中，爲了適合塊，將背景圖像拉伸。我該如何解決這個問題？這是我用來做這件事的CSS。

.error 
{ 
    color: #D8000C; 
    background-color: #FFBABA; 
    background-image: url('error.png'); 
}

IE7/FF3.5

alt text

IE6

alt text

來源

2009-08-26 this. __curious_geek

是不是像一個透明的PNG？ – strager 2009-08-26 07:41:25

我從來沒有見過這樣的事情發生之前！ – alex 2009-08-26 07:42:33

你可能使用IE6一個PNG透明度修復腳本，我認爲這個問題在那裏，因爲它可能appl是一種比例尺方法。

閱讀關於this page的意見。

你的PNG透明度修復的文檔可能會覆蓋這個。

我個人發現在IE 6.0中使用透明PNG是一個主要的屁股疼痛，儘管所有的各種修復。我知道這不是一個原始的答案，但我可能只是做一個條件檢查，並用gif或jpg版本替換圖像，如果你真的需要在這裏支持IE 6.0，而不是依靠黑客來支持這個。或者只是放棄IE 6.0，今年，我已經談到每個客戶都不支持他們的新項目的IE 6.0。說真的，那該死的時間讓事情停止了，讓我們的職業生涯變得如此神聖可悲。

來源

2009-08-26 07:42:43 kitsune

m已經在使用JQuery PNGFix插件，並且在所有瀏覽器中都能很好地工作，但是這個問題仍然存在ie6 – 2009-08-26 07:55:49

聽過strager，你使用的插件將使用AlphaImageLoader來渲染它......很明顯，瀏覽器，因爲他們不需要pngFix在第一個地方 – kitsune 2009-08-26 08:19:05

「......這是關於該死的時間，停止使我們的職業生活，這樣上帝該死的悲慘。」我喜歡它 – 2009-12-16 13:02:29

如果您使用的是AlphaImageLoader filter，請確保sizingMethod='scale'不存在。刪除它或將其設置爲image而不是scale。

來源

2009-08-26 07:46:13 strager

m不使用AlphaImageLoader。 – 2009-08-26 07:57:09

@s_ruchit，是的。您使用的插件使用過濾器。編輯它的源代碼，並可能聯繫插件的作者關於這個問題。 – strager 2009-08-26 08:04:11

-1

設置背景圖像和背景位置的實際寬度和高度。

.error 
{ 
    color: #D8000C; 
    background-color: #FFBABA; 
    background-image: url('error.png'); 
    background-position:left; 
    width:251px; 
    height:72px; 
    background-repeat:no-repeat; 
}

這裏的寬度和高度是error.png圖片的實際尺寸。希望能幫助到你。

來源

2009-08-26 09:10:35 Paulraj

這不起作用。寬度和高度將應用於實現樣式「錯誤」的元素。 – 2009-08-26 09:44:22

這個*可以*工作，如果你添加另一個元素在圖像的大小的div，並讓圖像伸展它。但是，這將是一個解決方法... – Kobi 2009-08-26 12:25:21

Belatedpng是我找到了這個問題的最佳腳本： http://www.dillerdesign.com/experiment/DD_belatedPNG/

來源

2009-08-26 12:20:40 matpol

ie6 css背景圖像問題

回答

相關問題