固定/絶対配置の画像に問題があります。私は必要なものが固定位置の画像ですか?
参照のための例を参照してください:それらが正しく配置されている現時点では http://www.warface.co.uk/clients/warface.co.uk/
を、しかしユーザーは赤い矢印ボックス(トップセンター)をクリックしたときに、あなたが固定位置の画像が静的であることがわかりますし、必要に応じてページを下にスライドさせないでください。私は彼らが相対的な位置に置かなければならないと確信していますが、ブラウザがサイズ変更されたときに飛び回っているようです。提案された方法で
任意のアイデアが高く評価されている:)
を多くの感謝
CSS
.minipeak {
background: url("styles/images/home-peak2.png")no-repeat 0 0;
width:206px;
height:138px;
display:block;
float:right;
top:288px;
right:91%;
position: fixed;
z-index: 0;
}
.twinpeaks {
background: url("styles/images/home-peaks.png")no-repeat 0 0;
width:624px;
height:349px;
display:block;
position:fixed;
float:left;
left:56%;
top:220px;
z-index: 0;
overflow: hidden;
}
.riflebg {
background: url("styles/images/home-rifle2.png")no-repeat 0 0;
width:254px;
height:199px;
display:block;
top:110px;
left:330px;
position: relative;
float:left;
z-index: 1;
}
.tank {
background: url("styles/images/home-tank.png")no-repeat 0 0;
width:520px;
height:285px;
display:block;
top:150px;
overflow: hidden;
right:-340px;
position:relative;
z-index: 2;
float:right;
}
.snipers {
background: url("styles/images/home-snipers.png")no-repeat 0 0;
width:520px;
height:285px;
display:block;
top:230px;
right:66%;
float:right;
position:fixed;
z-index: 3;
}
.privatejoker {
background: url("styles/images/home-privatejoker.png")no-repeat 0 0;
width:421px;
height:397px;
display:block;
top:80px;
position: absolute;
float:left;
z-index: 4;
}
.rifle {
background: url("styles/images/home-rifle.png")no-repeat 0 0;
width:520px;
height:285px;
display:block;
top:250px;
left:330px;
position: absolute;
float:left;
z-index: 5;
}
あなたの説明をありがとうMarcel。私はそれを行くだろう – Rob
これは、非常にありがとう、完璧に働いた! :) – Rob