懸停效果還真奇怪的（贏8發行預覽版）

我最近升級了我的臺式電腦贏得8發佈預覽。在使用Consumer Preview之前，我真的很喜歡他們兩人。懸停效果還真奇怪的（贏8發行預覽版）

不管怎麼說，在消費者預覽版，我與我做的網站沒有任何問題。一切工作，因爲它應該在IE10，IE9，鉻，火狐，Safari。除了每個瀏覽器的細微差別之外，它們看起來都差不多。總之，沒問題。

但是，在我升級到發佈預覽版，並因此發佈IE10的新版本之後，我在Consumer Preview中處理的相同網站上的一些內容並沒有像應該那樣運行。我在說的是我在某些表中的懸停效應。

的CSS的表只是一個簡單的表格，每當我提出我的鼠標移到行之一，懸停效果呈現。

的CSS懸停是：

table.Green tr:not(:first-child):hover { 
    background:#dddddd; /* Old browsers */ 
    background:-webkit-linear-gradient(top, #FFFFFF 0%, #dddddd 100%); 
    background:-moz-linear-gradient(top, #FFFFFF 0%, #dddddd 100%); 
    background:-o-linear-gradient(top, #FFFFFF 0%, #dddddd 100%); 
    background:-ms-linear-gradient(top, #FFFFFF 0%, #dddddd 100%); 
    background:linear-gradient(top, #FFFFFF 0%, #dddddd 100%); /* W3C */ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF ', endColorstr='#dddddd',GradientType=0); /* IE6-9 */ 
}

沒什麼特別的。具有列標題的第一行不應受此影響，但每隔一行應該影響。正如我所說，這在最近的IE10和所有其他瀏覽器中都能很好地工作。但不是在新的IE10中。

我附加的圖像，所以你可以明白我的意思（在Chrome中工作，在IE10預覽版不工作）：

IE10 Release Preview

Chrome

正如你所看到的，第一張圖片中，僅適用於受溫和漸變影響的單元格（其中包含鏈接，客戶名稱和Deal下的小圖標），而在第二張圖片中，整行受到漸變的影響。

我不知道爲什麼。但只有存在某種形式的實際鏈接的單元格纔會顯示懸停效果，有時甚至會對鼠標懸停效果做出響應。因此，某些行將獲得懸停效果，但即使在每行中存在相同的內容，同一表中的其他行也不會。這就像它是非常隨機的，它想要激活哪一行：/

所以，這是我應該忽略的東西，並希望將得到修復的微軟，或者它是我的HTML/CSS中突然出現的重要缺陷只有IE10 Release Preview？

希望有人能夠幫助我解決這個:)提前

問候

來源

2012-06-07 Denver Dang

它可能與此有關：https://connect.microsoft.com/IE/feedback/details/757765/ie10-active-psuedo-class-should-be-triggered-by-child-elements-呢？ –

將列標題放在中，您不需要使用not（：first-child）將它們過濾掉。只需使用「table.Green tbody tr：hover」。 –

如果你包含一個指向該網站或jsfiddle的鏈接，它將更容易調試，所以我們可以查看代碼。它可能不是上面引用的代碼引起的。 –

感謝前綴的linear-gradient語法是不一樣的，因爲它曾經是預先固定的模式。

參見：

從第二鏈路A報價：

這意味着什麼，你的代碼CSS漸變

儘管可以廣泛地互操作，但所有現代瀏覽器支持的前綴漸變語法都反映了規範現在已過時的草稿版本。此較早的語法與當前的候選建議書不兼容。例如，如果您已經聲明以下漸變：

background：-ms-linear-gradient（left，yellow，red）;

然後生成前綴不等於刪除-ms-前綴。由於IE10的無前綴線性漸變功能符合最新的規範，它應該成爲：

背景：線性漸變（右，黃色，紅色）;

未來的博客文章將涵蓋IE10對CSS漸變的支持，詳情請參閱更多的細節。

在你的情況，你應該在background:linear-gradient(top改變...而不是top，使用to bottom。

來源

2012-07-10 08:52:31

還值得一看：http://blogs.msdn.com/b/ie/archive/2012/06/25/unprefixed-css3-gradients-in-ie10.aspx –

嗯，聽起來有趣，但它並沒有解決雖然我的問題。有趣的是，它只是在表中的梯度是錯誤的。如果我在div或其他東西中使用漸變，它應該是美麗的。但是，當我在表格中使用它時，它會與我混淆，即使我已經更改了上面所寫的內容：/ –

懸停效果還真奇怪的（贏8發行預覽版）

回答

相關問題