IE6 PNG透明度CSS破解不起作用

我環顧四周，決定使用CSS方法而不是依靠JS ......我認爲那些停留在IE6上的公司用戶可能也會讓JS部門禁用JS。IE6 PNG透明度CSS破解不起作用

所以在我的HTML我有：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
<title>My Page</title> 
<link rel="stylesheet" type="text/css" href="default.css" /> 
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="ie6.css"><![endif]--> 
</head> 

<body> 
    <img src="media/logo.png"/> 
</body>

然後我ie6.css由簡單的：

img 
{ 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); 
}

然而這一切都不做絲毫差別，沒有透明度。我評論了頁面的所有其他內容，因此從字面上看，其中一個仍然沒有運氣。我刪除了default.css樣式表，仍然沒有區別。

編輯：我現在懂了工作，利用宏達方法，加載在有條件IE6測試塊文件。事實證明，我遇到的問題是Windows 7「鎖定」了文件（我甚至不知道這意味着什麼），並阻止IE加載/使用它。

來源

2010-05-25 Mr. Boy

我正在使用以下頁面的解決方案：
繼在線演示online demonstration一步一步，您的PNG在IE中也將是透明的。

來源

2010-05-25 18:52:59

我不明白。他的演示適用於我的IE6虛擬機，但是當我複製粘貼時，我的頁面沒有。我看不到任何錯誤:( – 2010-05-25 19:55:06

我已經將圖像移動到與HTML相同的級別，並且複製了所有文件，但它仍然無效。我把自己的形象放在他的考試中，並且做了一些工作。我將他的自檢代碼複製到我的頁面中，然後單擊該鏈接會出現頁面錯誤：'IEPNGFix'未定義。它還需要我什麼？ – 2010-05-25 20:09:07

哦，它現在有效。看到我的更新...不知道這是關於什麼！ – 2010-05-26 09:37:36

如果我沒有記錯，你必須使用

progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yourimage.png')

每一個和每個圖像，你不能只是爲了所有圖像的工作。

來源

2010-05-25 18:52:29

你是對的 - 只有javascript選項會給你「我們會處理所有的東西」。 – 2010-05-25 18:56:13

d'oh，我只是複製粘貼不理解！ – 2010-05-25 19:33:36

如何將此應用於嵌入式圖像？ – 2010-05-26 01:43:24

你可能會想看一看http://www.dillerdesign.com/experiment/DD_belatedPNG/

它還允許你使用alpha通道的PNG與CSS background-position屬性，您通常不能使用AlphaImageLoader的時候。

來源

2010-05-25 19:28:11

在HTML頁面你有路徑相對於HTML文件（media/logo.png）圖像中的default.css你有behavior: url(iepngfix.htc);一個條目（路徑iepngfix.htc是相對於HTML文件），並在ie6.css您有一個條目filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/logo.png', sizingMethod='scale');，其中包含圖像相對於CSS文件的路徑。至少，你需要更改iepngfix.htc路徑（IEPNGFix.blankImg = 'media/blank.gif';）

你需要有以下文件夾結構：

HTML文件
iepngfix.htc
ie6.css
default.css
/media/logo.png
/media/blank.gif

來源

2010-05-26 06:02:26

你在混淆兩種方法。 HTC沒有使用DXImageTransform。但無論如何，我有blank.gif作爲HTML的兄弟，而不是媒體文件夾。是否有任何理由空白和.png需要在相同的位置，因爲除了我的路徑設置正確。 – 2010-05-26 08:58:31

這只是一個可能的szenario來顯示文件及其路徑的設置。在我的應用程序中，文件夾結構更復雜。只是想展示一個簡單的測試配置;） – 2010-05-26 12:05:02

IE6 PNG透明度CSS破解不起作用

回答

相關問題