在使用hover的时候,当鼠标悬浮的时候,会出现抖动
我的代码是在鼠标悬浮在 li 标签上的时候,改变 li 的背景颜色,当时为了扩大背景颜色的大小,还给li加上了margin,这时抖动的情况就出现了。代码如下
.select_hover:hover{
background-color: #CCCCCC;
margin:5px auto 15px 15px;
问题分析:
这是因为当鼠标悬浮的时候,改变了margin,那么被选中的li就会向上移动,悬浮之后,移动的li又回到原本的位置,所以就一直在抖动
解决:
不添加margin,而是一开始就加了一个div,鼠标悬浮的时候,直接改变div的背景颜色