2011-05-11 53 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