IE6透明度+單選按鈕無法點擊

IE6：當我在div中放置一個部分透明的圖像時，該div中與圖像的非透明像素重疊的單選按鈕變得不可點擊。例如：IE6透明度+單選按鈕無法點擊

<!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> 
    <style media="screen" type="text/css"> 
     div 
     { 
     position: relative; 
     width: 500px; 
     height: 300px; 
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Olympic_flag_transparent.svg/200px-Olympic_flag_transparent.svg.png, sizingMethod='crop'); 
     } 
     input 
     { 
     position: absolute; 
     top: 40px; 
     left: 60px; 
     } 
    </style> 
    </head> 
    <body> 
    <div> 
     <input type="radio" value="1" name="1"/> 
    </div> 
    </body> 
</html>

如果你測試代碼，你也可以嘗試從（60，40）移動按鈕（40，40），其中的圖像是透明的，瞧 - 咔嗒回來的業務再次。

這個錯誤可能會或可能不會與IE6 links transparency bug有關，但我無法掌握任何相似的知識。

我做錯了什麼？或者我怎樣才能繞過？除了刪除_filter:progid之外，還有其他一些選擇嗎？

來源

2010-06-01 Jonas Byström

還沒有發現任何真正解決問題，所以請使用以下解決方法之一：

化妝圖像100％透明，其中單選按鈕（保持良好的利潤率，它的形狀是大概不是「圓形」而是方形或長方形），
完全去除圖像，
以上的組合。 :)

來源

2010-06-03 07:25:56

-1

您是否嘗試過將單選按鈕的z-index設置爲高於透明div的z-index？

div 
     { 
     position: relative; 
     width: 500px; 
     height: 300px; 
     z-index: 1; 

     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Olympic_flag_transparent.svg/200px-Olympic_flag_transparent.svg.png, sizingMethod='crop'); 
     } 
     input 
     { 
     position: absolute; 
     top: 40px; 
     left: 60px; 
     z-index: 999; 
     }

來源

2010-06-01 09:51:16 Richard

是的。顯然你沒有。在回覆之前請先測試您的代碼。 – 2010-06-01 09:58:39

嘿，這是一個建議。我沒有IE 6的副本與我來測試你的問題。如果你不喜歡有人提出可能的答案，那麼不要讓他們爲你做你的工作。 – Richard 2010-06-01 10:19:09

對不起，我反應過度了。我的最後一個問題被那些提出各種無關「建議」的人發送垃圾郵件，我猜還是有點生氣。 :) – 2010-06-01 11:16:27

IE6透明度+單選按鈕無法點擊

回答

相關問題