0

我一直在开发一个需要跨浏览器兼容性的网站（包括早期的 IE），并且我有一个使用渐变的侧边栏，但结果证明使用设置的背景图像要容易一百万倍，我有图像通过基于主容器的高度来正确重复，但我想做同样的宽度。

我知道如何根据其他人的大小来拉伸 div，但我想知道如何有一个条件语句来重复图像 y 直到 div 结束，这样它就不会只是移动设置的图像！

我正在使用以下方法实现基于高度的重复：

<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

Just thought I would update that I managed to get this working using this:

<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 回答