博客介绍了使用hover时鼠标悬浮出现抖动的问题。代码在鼠标悬浮li标签改变背景颜色并添加margin后出现抖动。原因是改变margin使li移动又复位。解决办法是不添加margin，而是一开始加div，悬浮时直接改变div背景颜色。
在使用hover的时候，当鼠标悬浮的时候，会出现抖动
我的代码是在鼠标悬浮在 li 标签上的时候，改变 li 的背景颜色，当时为了扩大背景颜色的大小，还给li加上了margin，这时抖动的情况就出现了。代码如下
.select_hover:hover{
background-color: #CCCCCC;
margin:5px auto 15px 15px;
问题分析：
这是因为当鼠标悬浮的时候，改变了margin，那么被选中的li就会向上移动，悬浮之后，移动的li又回到原本的位置，所以就一直在抖动
解决：
不添加margin，而是一开始就加了一个div,鼠标悬浮的时候，直接改变div的背景颜色
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
