0

サイドバーの高さに問題があります.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 ソリューションがあれば..教えてください..

皆さん、ありがとうございました

4

1 に答える 1

0

画像をサイドバーの幅に広げて、それをテーブル全体の背景画像にすることができます。コンテンツの高さに関係なく、y 軸で繰り返されるサイドバー画像。

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

（ps。テーブルでなければならない理由はありますか？）

于 2012-05-23T21:42:51.533 に答える