スクロールができない瞬間に自分のウェブサイト

に、私は私のCSS-スタイルシートに以下の設定を持っている：スクロールができない瞬間に自分のウェブサイト

.Body { 
background-color: #303030; 
background-image: url("Background.png"); 
background-attachment: scroll; 
background-size: cover; 
display: block; 
background-position: top; 
background-repeat: no-repeat; 
} 

<head> 
<link rel="stylesheet" type="text/css" href="style.css"> 
</head> 
<body class="Body"> 
<div> 
<img class="Header" src="Header.png"> 
</div> 
</body>

私は背景が完全に今働く応答性であることを保証するために、これらの設定をしました。しかし、私は、スクロールバーが表示されていないことを意味するページをスクロールできないという問題があります。そうでなければ、私は100％に画像の幅を設定したときに、私の高さ6572pxまで、すべてがBTW完璧に動作します：私は私の変な英語をお詫び申し上げますが、それする必要があります。私の画像の解像度は、x 6572. 1920

PSですではないが、私の母国語です

出典

2016-08-13 Heiko Matthies

。 – mszymborski

';'はありません。 'background-size：cover'の後に。ブラウザはそのプロパティをうまく設定していますか？そして次は？ – Sergeon

は 'body'のID '#Body' ''ですか？＃ボディーにボディーがない場合 –

** UPDATED

てみで

<img class='im' src='Background.png'>

直後bodyタグを追加します10のCSS：

body { 
    margin: 0; 
    overflow-x: hidden; 
} 
.im{ 
    position:absolute; 
    top:0; 
    width:100%; 
    height: auto; 
    z-index:-1; 
    ... 
}

** UPDATEDここでは、実施例を持っている2

：https://codepen.io/jjyepez/pen/AXNorQ 1つの背の高いディスプレイだ

出典

2016-08-14 00:21:23 jjyepez

スクロールができない瞬間に自分のウェブサイト

答えて

関連する問題