フェードバックグラウンドはChromeで動作しません

これは、マウスがメニュー項目の上を移動するときにフェードバックのメニューを作成しようとしました。 Firefox（10.0.2）でも動作しますが、Chrome（17.0.963.79）では動作しません。私はこれがChromeバージョン17を使用して動作するという印象を受けました。何が欠けていますか？フェードバックグラウンドはChromeで動作しません

<html> 
<head> 
<style type="text/css"> 
<!-- 
div.Menu{ 
    border: solid black 4px; 
    width: 200px; 
    background-color: #ffffff; 
} 

div.MenuItem{ 
    border: solid black 3px; 
    margin: 3px; 
    height: 20px; 
    background-color: #ff0000; 
    transition: background-color 200ms ease-out; 
    -moz-transition: background-color 200ms ease-out; 
    -webkit-transition: background-color 200ms ease-out; 
    -o-transition: background-color 200ms ease-out; 
} 

div.MenuItem:hover{ 
    background-color: #ffff00; 
} 
--> 
</style> 
</head> 
<body> 
    <div class="Menu"> 
     <a href=""><div class="MenuItem"></div></a> 
     <a href=""><div class="MenuItem"></div></a> 
     <a href=""><div class="MenuItem"></div></a> 
     <a href=""><div class="MenuItem"></div></a> 
     <a href=""><div class="MenuItem"></div></a> 
     <a href=""><div class="MenuItem"></div></a> 
    </div> 
</body> 
</html>

出典

2012-03-14 b10hazard

これは、あなたが<a href="#">を設定した場合、それはそれはとの問題だ、正常に動作報告クローム16での問題および17です：Chromeでタグを訪問しました。クロムには注意が必要です。

After some experimentation, it seems to have something to do with <a href> being "visited". Non-visited links fade properly, and I think divs work fine too.

例えば

Source

、あなたがここに http://jsfiddle.net/joshuamartin/hRAu4/1/フィドルをチェックアウトする場合は、それが正常に動作表示されます。

e：これはv18ベータ版で修正されていますので、これ以上問題はありません。

出典

2012-03-14 13:49:33

ありがとうございます。私は、私が間違っていたことを理解しようとすると、私の髪を裂く代わりにこれを昨日投稿したはずです。 – b10hazard

心配はいりません。それはいつも通りですね。あなたは何かを働かすのにずっと長い時間を費やしています。 –

フェードバックグラウンドはChromeで動作しません

答えて

関連する問題