CSS：鏈接的背景圖像獲取父級背景色

未解決，但我認爲問題是別的，而不是css或pngfix。感謝您的回覆。CSS：鏈接的背景圖像獲取父級背景色

嗨！

不知道如何定義問題，所以我只會給你看。我試圖將圖像設置爲鏈接的小背景圖像。由於某種原因，在IE6它繼承了它的背景顏色的父類...

的形象在這裏：http://lh4.ggpht.com/_Gj0LjMkd2XM/TOPp4gpuEzI/AAAAAAAAANE/0omEfRzIzho/2010-11-17_1637.png

CSS：

.tabbed-box .top li a { 
    background: none repeat scroll 0 0 transparent; 
    color: #8A8B86; 
    display: block; 
    float: left; 
    font-size: 11px; 
    font-weight: bold; 
    height: 16px; 
    margin: 0; 
    padding: 6px 0 3px 12px; 
    text-decoration: none; 
} 

.tabbed-box .top li.current { 
    background-color: white; 
    background-image: none; 
    border: 1px solid #95B776; 
    margin-top: -2px; 
    z-index: 10; 
} 

.tabbed-box .top li.current a { 
    background: url("quotes-arrow.png") no-repeat scroll 15px 24px transparent; 
    color: #006697; 
    position: relative; 
    height: 30px; 
}

和HTML：

<div class="top"> 
      <ul> 
       <li id="tab-forex" class="current"> 
        <a href="#"><span>Forex</span></a> 
       </li> 
       <li id="tab-commodities" class=""> 
        <a href="#"><span>Commodities</span></a> 
       </li> 
       <li id="tab-indices" class=""> 
        <a href="#"><span>Indices</span></a> 
       </li> 
       <li id="tab-stocks" class=""> 
        <a href="#"><span>Stocks</span></a> 
       </li> 
      </ul> 
     </div>

嘗試了一切！ :)

將不勝感激任何幫助！

UPDATE：

也用iepngfix.htc腳本，並把這個

<!--[if lte IE 6]> 
    <style> 
     .tabbed-box .top li.current a { behavior: url('iepngfix.htc'); } 
    </style> 
<![endif]-->

我知道這個問題是關係到高度：30PX; on .tabbed-box .top li.current a。當我刪除它或降低值，我得到不同的結果，但他們都沒有解決問題。

來源

2010-11-17 Lior Iluz

你試圖重新訂購你的背景屬性，使「透明」來的網址前？我相信背景的正常堆棧是「背景：[顏色] [圖像] [重複] [位置] [附件]」。 IE6可能試圖將「透明」解釋爲background-attachment屬性。 – RussellUresti 2010-11-17 15:33:41

謝謝，現在試過，不工作：|奇怪的問題。 – 2010-11-17 15:35:32

問題不在於你的CSS;就是IE6打破了對PNG圖形透明度的支持。

我的意見只是不打擾支持IE6，因爲它有這麼多的錯誤和問題。但我明白這不是每個人的選擇。

好消息是這個特定的錯誤，有一個黑客繞過它：

http://www.twinhelix.com/css/iepngfix/

希望有所幫助。

[編輯] 如果這不起作用，我想另一種選擇是將圖形切換爲GIF。一個cop-out的位，但會比解決IE6的故障更快地解決問題。

來源

2010-11-17 14:55:03 Spudley

感謝您的回覆！也嘗試過...使用iepngfix.htc腳本。不工作。：\ 順便說一句，我用pngfix很多次，每次都工作..除了現在。 – 2010-11-17 15:04:48

@liorry - 替代cop-out解決方案：使用GIF代替;） – Spudley 2010-11-17 15:30:47

nope ...試過了:)我知道問題與高度有關：30px; on .tabbed-box .top li.current a。當我刪除它或降低值，我得到不同的結果，但他們都沒有解決問題。 – 2010-11-17 15:32:53

IE6有一個問題，顯示有透明部分的png文件。這是一些javascript變通辦法。 Check this site看到一些選項。

來源

2010-11-17 14:53:37

感謝您的回覆！也嘗試過...使用iepngfix.htc腳本。不工作。：\ – 2010-11-17 15:05:54

嘗試以下操作：

.classname { 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cnr-heading.png', sizingMethod='scale');background: none; 
}

來源

2010-11-17 15:03:30 skyfoot

感謝您的回覆！也嘗試過，它與着名的iepngfix.htc腳本類似，都不起作用：\ – 2010-11-17 15:11:48

CSS：鏈接的背景圖像獲取父級背景色

回答

相關問題