最近做了一个关于数据库管理的项目,因为不用考虑ie9以下的兼容性,所以一股脑的写完啦,到测试的时候发现了一个bug

IE和火狐下有个模块关闭按钮的hover没有反应,ie不行就算了,火狐怎么也不行?我那个去。

button在firefox 和 ie 下的问题

 

原本的效果图

button在firefox 和 ie 下的问题

 

关闭按钮的css代码是很普通的,根本找不到问题

button在firefox 和 ie 下的问题

但是为什么button的hover又是正常的呢,完全搞不懂啊。

button在firefox 和 ie 下的问题

 

于是我又新建了 一个html 去测试,结果还是一样。

button在firefox 和 ie 下的问题

完全看不出问题。群里问小伙伴,大家都测试了一下,确实有问题。

最后发现是这个button在作怪。把button换成span标签后就行了 。

而且这个button会影响里面i标签的事件,所以尽量不要在button里面加上另外有事件的元素。

 

相关文章: