hover抖动问题

在使用hover的时候,当鼠标悬浮的时候,会出现抖动

我的代码是在鼠标悬浮在 li 标签上的时候,改变 li  的背景颜色,当时为了扩大背景颜色的大小,还给li加上了margin,这时抖动的情况就出现了。代码如下

 .select_hover:hover{
            background-color: #CCCCCC;
            margin:5px auto 15px 15px;

问题分析:

这是因为当鼠标悬浮的时候,改变了margin,那么被选中的li就会向上移动,悬浮之后,移动的li又回到原本的位置,所以就一直在抖动

解决:

不添加margin,而是一开始就加了一个div,鼠标悬浮的时候,直接改变div的背景颜色

你可能感兴趣的:(javascript,html和css)