2017-09-12 188 views
-1

から始まるありません。しかし、私は背景をスクロールしたいです。スクロールする背景アタッチメントを設定するたびに、背景イメージはページの中央から開始されます。のように、背景を見るためにスクロールする必要があります。バックグラウンドの位置をトップ、センタートップ、トップセンターに変更しようとしましたが、そのうちどれも機能しませんでした。背景には、だから私は、私は固定に設定された背景の添付ファイルがあるとき、背景がトップでオフを開始<a href="http://development.randomrab.com" rel="nofollow noreferrer">http://development.randomrab.com</a></p> <p>でホストされているウェブサイト上で働いているトップ

私のCSSコードは次のようになります。

body { 
color: #FFF; 
font-size: 14px; 
font-family: Arial, Tahoma, Verdana; 
margin: 0 auto 0; 
padding: 0; 
line-height: 24px; 
background-color: #0C0807; 
background-attachment: scroll; 
background-image: url(images/Rab_bg.png); 
background-repeat: no-repeat; 
background-position: top; 
} 
+0

あなた '背景position'は、そのページにcenter''に設定されています。私はそれを 'top'に変更し、正常に動作しました。 – Aydin4ik

+0

あなたのウェブサイトではなく、ここで問題の完全で最小限の例を投稿する必要があります:[mcve] – Rob

+0

@Rob私のウェブサイトを提供しましたが、私のコードも示しました。 –

答えて

0

background-attachment: scrollbackground-attachment: initialmore info)と同じです。背景の添付ファイルと位置をリセットすると、背景イメージが先頭にリセットされます。その後、好きなように操作することができます。

background-attachment: initial; 
background-position: center top; 

そして、この何を得る: Chromeで: Randomrab Chrome Screenshot

Firefoxでは: Randomrab Firefox Screenshot

+0

それはまだ少し見えます。 –

+0

左または右に移動するように見えます。私はそれが一番上にあり、中心に来る必要があります。 –

+0

'background-position:top center'で編集しました – Aydin4ik

関連する問題