-1

我试图让 div.col-wrapper 使用绝对位置在高分辨率屏幕上粘在 firefox 的底部，但由于某种原因，它与 jQuery 幻灯片效果相混淆。我用完了可能的解决方案，除了在 jQuery 中让它坚持到底。

jQuery

$(document).ready(function(){
    $(".box").show();
    $(".list").hide();

$(".wbut").click(function(){
    $(".wbut").hide("fade");
    $(".box").hide("fade");
    $(".list").show("slide", { direction: "down" }, 1000);
});

$(".wbut2").click(function(){
    $(".box").show();
    $(".wbut").show();
    $(".list").hide("slide", { direction: "down" }, 1000);
});

  });

css

.list {
background: #d1d1d1;
}

.col-wrapper {
width: 100%;
position: relative;
bottom: 0;
left: 0;
background: #d1d1d1;
box-shadow: 0px -5px 8px #777;
}
4

1 回答 1

0

我将绝对位置添加到错误的元素。它应该是 .list 而不是 .col-wrapper

于 2013-02-20T20:31:40.883 回答