2011-05-11 69 views
7

我遇到了懸停在Firefox中不起作用的問題!它在Chrome,IE 9,IE 8和IE 7中工作。有人知道這個問題以及如何解決它?
按鈕:懸停在Firefox中不起作用

的CSS
.row button span:hover { background-position : left bottom; border : 1px solid #2b2b2b; }

的HTML
<button type="submit"><span>Button</span></button>

回答

12

它看起來像懸停事件不厭煩下來的跨度。

嘗試選擇的button:hover span代替button span:hover

這裏有一個的jsfiddle的作品做上述好嗎:http://jsfiddle.net/3j7G5/

+0

Spudley您們好! :)...愚蠢的我,我沒有把它弄掉! – Maanstraat 2011-05-11 14:27:23

+3

事實上,按鈕的子元素不是鼠標事件的候選元素。在適當的文件中甚至有評論:「我們不希望我們的孩子得到任何事件。」 – Neil 2011-05-15 22:04:14

+0

@你有沒有來源? – TylerH 2014-08-05 20:57:15