ウェブページがHTML要素を超えています

私はウェブページを作成しましたが、最近、バックグラウンドのグラデーションシステムを使用して目の荒れを少なくしました。これにより、Webページが<html>要素のポイントを超えてさらにスクロールし続けることが突然認識されました。これにより、背景勾配が<body>要素の下で2回繰り返されます。ウェブページがHTML要素を超えています

誰でも、ページが<html>要素を超えてスクロールするのを防ぐか、または<html>タグの後に2回目の繰り返しを繰り返さないようにする方法を知っていますか？ここで

が起こって、それの例である：

をここでは、背景用のCSSです：

body{ 
    background-repeat: no-repeat; 
    background: rgba(18,87,182,0); /* For browsers that do not support gradients */ 
    background: -webkit-linear-gradient(rgba(86,213,251,1) 0%,rgba(18,87,182,0.5) 10%,rgba(255,0,0,0) 70%); /*Safari 5.1-6*/ 
    background: -o-linear-gradient(rgba(86,213,251,1) 0%,rgba(18,87,182,0.5) 10%,rgba(255,0,0,0) 70%); /*Opera 11.1-12*/ 
    background: -moz-linear-gradient(rgba(86,213,251,1) 0%,rgba(18,87,182,0.5) 10%,rgba(255,0,0,0) 70%); /*Fx 3.6-15*/ 
    background: linear-gradient(rgba(86,213,251,1) 0%,rgba(18,87,182,0.5) 20%,rgba(255,0,0,0) 70%); /*Standard*/ 
}

出典

2017-08-18 Maxmansung

コードはどこですか？ –

ウェブページのコード全体、またはCSSエレメントの特定のコードをご希望ですか？ – Maxmansung

問題があると思われる箇所はどこにでもあります。 –

は

body{ 
 
    background-repeat: no-repeat; 
 
    background: rgba(18,87,182,0); /* For browsers that do not support gradients */ 
 
    background: -webkit-linear-gradient(rgba(86,213,251,1) 0%,rgba(18,87,182,0.5) 10%,rgba(255,0,0,0) 70%); /*Safari 5.1-6*/ 
 
    background: -o-linear-gradient(rgba(86,213,251,1) 0%,rgba(18,87,182,0.5) 10%,rgba(255,0,0,0) 70%); /*Opera 11.1-12*/ 
 
    background: -moz-linear-gradient(rgba(86,213,251,1) 0%,rgba(18,87,182,0.5) 10%,rgba(255,0,0,0) 70%); /*Fx 3.6-15*/ 
 
    background: linear-gradient(rgba(86,213,251,1) 0%,rgba(18,87,182,0.5) 20%,rgba(255,0,0,0) 70%); /*Standard*/ 
 
    background-attachment: fixed; 
 
}

<article> 
 
    <section id="intro"> 
 
     <h1><strong>Welcome! </strong></h1> 
 
     <br> 
 
     <br> 
 
     
 
     Writing goes here 
 
     
 
     <strong> Please click <a>here</a> to begin helping with the alpha test.</strong> 
 
    </section> 
 
</article>

、あなたの体に background-attachment: fixed;を追加し、これを試してみてください

出典

2017-08-18 08:57:40 codesayan

それはそれを修正しました。「バックグラウンドアタッチメント」タグを表示する時間を取ってくれてありがとう。問題は私がそれを作ったよりも簡単だった場合の謝罪 – Maxmansung

ウェブページがHTML要素を超えています

答えて

関連する問題