Question

我最近用CSS按钮取代了我的按钮图像（jQuery代码工作得很好），现在它们一点击它们就会消失（这会激活反弹功能）。

非常感谢任何帮助！

Answer 1

保证金最高规则正在抛弃。从#mainMenu中删除margin-top并将其替换为top: -45px。然后从.mainMenuButton中删除顶部规则，您应该设置。

#mainMenu
{
    position: relative;
    width: 1024px;
    height: 80px;
    z-index: inherit;
    top: -45px;
    zoom: 1; /* For IE6 */
}
.mainMenuButton
{
    float: left;
    text-align: center;
    width: 128px;
    height: 80px;
    background-color: #ddd;
    padding: 0px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    behavior: url(js/border-radius.htc);
}

编辑：我是小提琴的新手。那里也有例子：http://jsfiddle.net/KGAmZ/8/

Answer 2

你正在拨打错误的班级。

将其更改为此功能

$(".mainMenuButtonText").click(function()

示例：http://jsfiddle.net/jasongennaro/KGAmZ/2/

修改

根据您在下方的评论...在这种情况下，只需从top: -45px;规则中删除.mainMenuButton即可。

示例2：http://jsfiddle.net/jasongennaro/KGAmZ/9/

jQuery Bounce使CSS按钮消失

2 个答案: