当我们将鼠标悬停在元素上并设置其边框时,如何避免晃动?这是我编写的代码示例:
http://jsfiddle.net/s3N2h/ http://jsfiddle.net/s3N2h/
有没有什么技巧可以避免晃动呢?假设我将鼠标悬停在文件上,会出现边框,但由于边框被渲染,该行文本稍微向右移动。如果我们将其悬停,它会再次摇晃。
CSS 有没有办法避免这种抖动?
此问题的通常解决方案是从透明边框开始,然后在悬停时为边框指定颜色。
我已经用这种技术更新了你的小提琴:
http://jsfiddle.net/s3N2h/1/ http://jsfiddle.net/s3N2h/1/
CSS 和 JavaScript:
#my_menu li {
border: 1px solid transparent;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)