你可以看一下代碼有問題的：https://test.fuzebox.com 鍍鉻漸變顏色發生變化時，項目就出現在它的頂部

問候！今天早上我遇到了一個我從未見過的問題。我們在全球導航中有一組下拉菜單。當你將鼠標放在它們上面時，它們會落在大藍條上。在Chrome（Win/Mac）中，下拉菜單會在藍色漸變條的顏色上留下「印象」。如果您刪除漸變並僅使用純色背景色，則不會發生此問題。我嘗試用z-indexes將某些東西推回「無效」。我的谷歌搜索沒有提到這類問題。下面是圖像之前和之後。

中發揮的DIV是：

#fuze-home-blue-bar
#fuze-home-blue-bar-bkgnd

和導航下拉XPath是：

/html/body[@class='template-document_view portaltype-document site-FuzeBox section-technology icons-on content-id-mobile']/div[@id='wrapper']/div[@id='fuzeportal-top']/div[@id='fuzeportal-header']/ul[@id='portal-globalnav']/li[@id='portaltab-technology']/ul[@class='submenu']/li[1]

之前

BEFORE

後

AFTER

任何建議都理解的。不會在任何其他瀏覽器/操作系統組合中發生。

來源

2012-04-20 Spanky

的Chrome 18.0.1025.163 – Spanky 2012-04-20 17:31:54

它幾乎看起來像梯度沒有被兌現，直到下拉菜單藏着掖着，那部分被正確彩色... – 2012-04-20 17:38:15

不錯的效果，哈哈:) – mihai 2012-04-20 17:43:12

有時Chrome的硬件加速會稍微改變顏色。試試這個修復......這很神奇。

#fuze-home-blue-bar { 
    -webkit-transform: translateZ(0); 
}

來源

2012-04-20 17:49:07 potench

*是*魔法。我將不得不在我的工具箱中提交一份。謝謝 – Spanky 2012-04-20 17:53:46

我也相信josh.trow是正確的。漸變只有在重疊之後纔會應用。上面的解決方案解決了顏色變化問題，但漸變仍然是一個謎... ...現在。 – Spanky 2012-04-20 17:59:31

鍍鉻漸變顏色發生變化時，項目就出現在它的頂部

之前

回答

相關問題