`

按钮连接hover上去后改变样式抖动的问题

    博客分类：
  • css
 
阅读更多
在mark项目找人代购的环节，点击找人代购按钮，鼠标hover上去时改变图片（及honver前后图片不一样），代码如下：

.buyAgency{float: left;width: 75px;height: 28px;display: block;overflow: hidden;background-position: 0 -137px; cursor: pointer; margin-bottom: 10px; margin-left: 593px; margin-top: 1px;}
.buyAgency:hover{background-position: -75px -137px;}

由于我把background-position: -75px 和 width: 75px;设置的值不一样出现了左右抖动，只要相同就好了，同样上下也是一样的。
分享到：
| IE下不能用 trim函数解决方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    鼠标滑过按钮动画效果.rar

    要实现滑过动画效果，我们可以通过:hover伪类来指定当鼠标悬停在按钮上时的样式变化。例如，我们可以改变按钮的颜色、大小、边框等属性： ```css #myButton { background-color: #3498db; color: white; padding...

    简洁美观的css3下载按钮动画特效

    在网页设计中，CSS3（层叠样式表第三版）为开发者提供了丰富的视觉效果和交互体验，其中之一就是创建各种动态的按钮动画特效。本主题聚焦于一个“简洁美观的css3下载按钮动画特效”，它是利用jQuery库与CSS3的特性相...

    纯CSS3边框按钮悬停特效.zip

    4. **伪类选择器**：CSS3的伪类选择器如`:hover`，`:active`，`:focus`等，使得我们可以在不同状态下应用不同的样式，例如，`:hover`用于鼠标悬停状态，`:active`用于按钮被点击的瞬间，`:focus`则在按钮获得键盘...

    jQuery实现仿京东防抖动菜单效果示例

    例如，通过jQuery可以选择页面上的元素，并改变其样式属性来显示或隐藏菜单。在本实例中，使用`.show()`和`.hide()`方法来控制`.menu_cont`的可见性，这可以通过监听`.menu_item`的点击事件来实现。 具体到代码层面...

    CSS实现6种鼠标滑过按钮背景动画特效源码.zip

    例如，为一个按钮元素添加类名，然后在CSS中定义该类的:hover伪类来触发鼠标滑过时的样式变化。同时，别忘了设置动画的持续时间、延迟、填充模式等参数，以确保动画效果符合设计预期。 总的来说，这个资源包提供的...

    20款CSS3鼠标经过文字背景动画特效

    2. 背景移动：通过设置`background-position`属性，可以在鼠标悬停时改变背景的位置，产生类似滑动或抖动的效果。 3. 径向扩散：利用`transform`属性的`scale`功能，鼠标经过时可使背景以文字为中心点向外扩散，...

Magicbox
Global site tag (gtag.js) - Google Analytics