Question

我遇到侧边栏的高度问题..我使用 jQuery 来衡量内容的高度，然后将此高度添加到侧边栏以显示侧边栏阴影。但它在IE中给出了问题。

该网站的这个链接是：http://www.norwichkitty.com/business-directory/

请检查左侧边栏阴影问题..

$(document).ready(function() { 
    var blockheight = $('.right-content').height();
    $('.sidebar').css('height', blockheight);
});

及其 CSS 视图

element.style {
    height: 1592px;
}
.sidebar {
    background: url("../img/sidebar-shadow.png") repeat-y scroll right center transparent;
    float: left;
    height: 100%;
    overflow-y: auto;
    position: relative;
    width: 305px;
    z-index: 999999;
}

如果有任何CSS解决方案可以摆脱这个问题..请告诉我..

谢谢大家

Answer 1

您可以将图像加宽到侧边栏的宽度，然后将其作为整个表格的背景图像然后无论内容的高度如何，侧边栏图像都在y轴上重复。

background: url(LINK_TO_IMAGE.png) repeat-y;

（ps。有什么理由必须是一张桌子吗？）

css身高问题

1 个答案: