jquery – 在桌面行上方悬停时出现的Twitter引导按钮

前端之家收集整理的这篇文章主要介绍了jquery – 在桌面行上方悬停时出现的Twitter引导按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个twitter bootstrap表,每行的最后一个单元格中有一个按钮组.

我希望这些按钮仅在用户悬停在行上时出现.此外,当用户将鼠标悬停在行上时(不在按钮组本身上方),只会出现图标,当他将鼠标悬停在按钮组上时,图标应显示为按钮.

这是我使用http://jsfiddle.net/hDafj/的html布局的小提琴

这就是我在http://jsfiddle.net/hDafj/2尝试过的事情

解决方法

嗯,我认为无论如何你需要一些额外的风格.我添加了.btn-group-hover类,使按钮的边框,阴影和背景变为白色(这样它们的大小始终相同).所有.icon-white图标也应单独处理,以避免它们在行悬停时在白色背景上显示为白色.这是我建议的解决方案: http://jsfiddle.net/hDafj/3/但这里唯一的问题是它只在白色背景上看起来很好.
原文链接:https://www.f2er.com/jquery/175890.html

猜你在找的jQuery相关文章