Question

我的div里面有3个div＃all（简单的html）。左 - 主 - 右。

左和右右边只有一张背景图片（他们的内容不会改变）。

主要div将包含我的所有文本等。

选项1：我需要使用左/右div来扩展它们的高度（以便重复我的图像背景）以达到我的divMain可能具有的高度。

选项2：我可以做位置：修复我的左/右div，以便在我滚动时保持原位。我在这个计划上的问题是，我无法将我的右边div放置/放置在所需的位置。

任何工作选项都适合我。

css代码：

 body{
 margin: 0 auto;
 padding: 0;
 width: 100%;
 background-color: #fff;
 overflow-y: auto; overflow-x: auto;
}

#all{
 position: absolute;
 top: 0; left: 50%;
 height: 100%; width: 1366px;
 margin-left: -683px;
}

#temp-left{
 position: absolute;
 top: 0; left: 0;
 height: 100%; width: 183px;
 background: url(image/bg-lft.jpg) repeat;
}

#temp-right{
 position: absolute;
 top: 0; right: 0;
 height: 100%; width: 183px;
 background: url(image/bg-rgt.jpg) repeat;
}

#main{
position: absolute;
top: 0px; left: 50%;
height: 100%; width: 960px;
padding: 10px;
margin-left: -500px;
text-align: justify;
}

Answer 1

如果我正确理解你的问题，我建议你使用jquery 你可以尝试一下。

    $(document).ready(function() {
    // Check if body height or width is higher than window height and width:)
    if (($("body").height() > $(window).height())||($("body").width() > $(window).width())) {
        $('body').css('background-image', 'url(image/bg-lft.jpg) repeat;');
    }
    else
        $('body').css('background-image', 'url(image/bg-lft.jpg) no-repeat;');
});

背景图像重复问题

1 个答案: