0

背景 (セクション) として複数の div を持つ backstretch jquery プラグインを使用しています。どうすればこれを達成できますか?

HTML

<div class="main-container"></div>
<div class="main-container2"></div>
<div class="main-container3"></div>
<div class="main-container4"></div>

CSS 

.main-container {
background-image:url(../images/footballfieldblur.jpg);
height:1000px;
z-index:-100;

}
.main-container2 {
background-image:url(../images/orange3.png);
height:1000px;

}
.main-container3 {
background-image:url(../images/lightbackground.jpg);
height:1000px;

}
.main-container4 {
background-image:url(../images/diamondplatebackground.jpg);
height:1000px;

}
ジャバスクリプト

<script>
$(".main-container").backstretch("images/footballfieldblur.jpg");
$(".main-container2").backstretch("images/orange3.png");
$(".main-container3").backstretch("images/lightbackground.jpg");
$(".main-container4").backstretch("images/diamondplatebackground.jpg");
</script>
4

4 に答える 4

0

CSSスタイルセクションに以下を追加するだけです:

 <style>
      * { margin : 0 ;  padding : 0 ; }
 </style>

希望は役に立ちます。

于 2013-07-19T15:07:37.337 に答える
0

html と本文で使用できます。

高さ:100%;

また

最小高さ:100%

または JavaScript を使用します。

$(".main-container").css({'height':($(document).height())+'px'});

于 2013-05-15T17:24:39.310 に答える