0

http://www.cheryldesign.com/category/portfolio/

在上面的页面上，当您将浏览器缩小到 475 像素以下时，选项卡不再可点击。我一直在看这个一个星期，无法弄清楚发生了什么。

jQuery(document).ready(function()
{
jQuery("#access").accessibleDropDown();
});

jQuery.fn.accessibleDropDown = function ()
{
var el = jQuery(this);

/* Setup dropdown menus for IE 6 */

jQuery("li", el).mouseover(function() {
    jQuery(this).addClass("hover");
}).mouseout(function() {
    jQuery(this).removeClass("hover");
});

/* Make dropdown menus keyboard accessible */

jQuery("a", el).focus(function() {
    jQuery(this).parents("li").addClass("hover");
}).blur(function() {
    jQuery(this).parents("li").removeClass("hover");
});
}
4

2 回答 2

2

奇怪的是，带有品牌标识的标题元素有一组巨大的边距和填充。当显示缩小到足以使该元素位于页面其余部分之上时，这些巨大的边距和填充设置会阻止与页面的其余部分进行交互。本质上，该标题底部的填充覆盖了所有内容。

尝试删除这些，您将看到它按预期工作。

特别是在 style.css 的第 289 行，更改了 margin-bottom 和 padding-bottom 的值......实际上尝试简单地删除它们。

于 2012-11-27T05:19:39.713 回答
0

通过萤火虫我发现了一些big paddings and margins在你的style.css：

#branding {
    background: url("images/mobile_header.png") no-repeat scroll left top transparent;
    height: auto;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
}

#branding {
    background-color: #55AEBB;
    background-image: url("images/pattern1.png");
    background-position: left top;
    background-repeat: repeat-x;
    box-shadow: 10px 0 5px 0 rgba(0, 0, 0, 0.25);
    float: left;
    margin-bottom: -99999px;    // i removed this from firebug and
    min-height: 100%;
    padding-bottom: 99999px;    // this one.
    position: fixed;
    top: 0;
    width: 20%;
    z-index: 10;
}

当i removed所有的这几个css属性#branding the 2nd one都起作用时。

于 2012-11-27T05:31:55.130 回答