0

クロスブラウザ互換性が必要なサイト（以前のIEを含む）で作業していて、グラデーションを使用するサイドバーがありますが、設定された背景画像を使用する方が約100万倍簡単であることがわかりました。メインコンテナに基づいて高さを取得することで画像が適切に繰り返されますが、幅も同じにしたいです。

他の人のサイズに基づいてdivを拡大する方法を知っていますが、設定された画像を移動するだけでなく、divの最後まで画像yを繰り返す条件ステートメントを作成する方法を知りたいです！

私はこれを使用して高さベースの繰り返しを達成しています：

<script type="text/javascript">

var theHeight = $('#Container').height() - 260;
$('#SecondaryContent').css('min-height', theHeight);


</script>

私はこのコードを使おうとしています：

<script type="text/javascript">

var divWidth = $('#SecondaryContent').width() + 1;


if (divWidth.width() > 200) {
    alert('hello');
 $('#SecondaryContent').css('background', 'url(../images/background_slice.png)', 'repeat-x 18% 0%');
}


</script>

ただし、div内に何も見つからないようです。

4

2 に答える 2

0

これを使用してこれを機能させることができたことを更新すると思いました：

<script type="text/javascript">

$(document).ready(function () {
    divExpander();
    divLineExpander();
    divWindowLineExpander();
})

function divExpander() {
    var theHeight = $('#Container').height() - 260;
$('#SecondaryContent').css('min-height', theHeight);
}

    function divLineExpander() {
        var theWidth = $('#SecondaryContent').width() + 2;
        $('#Navigation').css('min-width', theWidth);
    }

$(window).bind("resize", divWindowLineExpander);
function divWindowLineExpander(e) {
    var theLineWidth = $('#SecondaryContent').width() + 1;
    $('#Navigation').css('min-width', theLineWidth);
    }

 </script>
于 2012-07-16T08:40:00.893 に答える
0

これらのCSSは役立つかもしれません

background-repeat: repeat; // repeats x and y
background-repeat: repeat-x; // repeats x
background-repeat: repeat-y; // repeats y
于 2012-07-10T09:52:43.623 に答える