1

例を参照してください：http：//jsfiddle.net/H5x9N/

中央に揃えて、幅が1020pxのページがあります。次に、スクロールを引き起こさないdivに含まれる広告の左右に広告が必要です。

広告を表示するコードの一部は次のとおりです。

.majorad-container {
height: 1px;
left: 50%;
margin: auto auto auto -1250px;
overflow: visible;
position: absolute;
width: 2500px;
z-index: 20;
}
.adscrollleft {
background: url("") repeat-y scroll right top #0A080B;
cursor: pointer;
float: left;
height: 120px;
margin-top: -20px;
width: 720px;
}
.adscrollright {
background: url("") repeat-y scroll left top #0A080B;
cursor: pointer;
float: right;
height: 120px;
margin-top: -20px;
width: 720px;
}

position：.majorad-containerの修正-xスクロールはありませんが、ページとともに広告を上にスクロールしたい場合。

それが私の問題をうまく説明していることを願っています、何か解決策はありますか？

4

1 に答える 1

0

広告の背景画像を作成し、背景カバーを使用するよりも

#divname{
background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height:0%;
    max-height:100%;

}
于 2012-12-29T17:05:31.440 に答える