IE9：懸停故障

我有一些非常奇怪的行爲與IE9，：懸停和CSS背景屬性。IE9：懸停故障

這幾乎就像懸停和非懸停屬性交換時，他們不應該（換句話說，懸停屬性成爲非懸停屬性）。我正在測試背景顏色，以及SVG漸變。這裏是測試代碼（註釋SVG代碼）。

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
    .highlights {   
     background:black; 

     /* SVG background gradient for #0791F3 to #068CE0 */  
     /* 
     background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwNzkxRjMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNjhDRTAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMDkpIiAvPgo8L3N2Zz4=); 
     */ 

    } 


    .highlights:hover { 
     background:gray; 

     /* SVG background gradient for #0064ff to #0051ff */ 
     /* 
     background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDY0RkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDUxRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0NDEpIiAvPgo8L3N2Zz4=); 
     */ 

    } 

</style> 
</head> 
<body> 

<div class="highlights"> 
    <h3 class="title" style="color:#FED704">The Quick Brown Fox Jumps Over The Lazy Dog</h3> 
    <p style="color:white;">This is smaller text</p> 
</div> 

</body> 
</html>

[編輯]：奇數行爲的視頻（記住，背景應顯示爲灰色上懸停）：未啓用http://www.youtube.com/watch?v=8D4Oj25bPlg

來源

2011-10-11 Force Flow

這對我來說是正確的，既爲純色和SVG梯度。 http://jsfiddle.net/FGqZe – BoltClock

它似乎通過該webapp正常工作，但不是當它是本地htm文件。 –

我更新了IE。我現在獲得了版本9.0.8112.16421（更新版本9.0.3）。它仍然在工作，因爲它應該... – Dennis

軟件渲染。一旦我啓用它，問題就消失了。

Internet選項>「高級選項卡」>勾選「使用軟件呈現而非GPU呈現」

來源

2011-10-13 00:23:57

IE9：懸停故障

回答

相關問題