2017-11-30 6 views
1

これを検証して正しく動作させるのに問題があります。CSSパースエラーの使用後

body { 
    background: #020817 url(''); 
    background-repeat: no-repeat; 
    background-position: top center; 
    background-size: 100% auto; 
    body::after { 
     display: block; 
     position: absolute; 
     top: 0; 
     right: 0; 
     bottom: 0; 
     left: 0; 
     background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); 
     content: ''; 
    } 
} 

私はいくつかの検索を行いましたが、どこが間違っているのか分からないようです。背景画像にグラデーションオーバーレイを追加しようとしています。

+1

がhttps://codepen.io/を見るのを助ける希望alexcarpenter/pen/LveDx。それは文字通り、 "背景画像へのグラデーションオーバーレイ"のGoogle検索での最初のヒットです。 – darksky

答えて

1

は、あなたが身体を持っている非常に簡単です::内部ボディセレクタの後に、例を確認し

body { 
 
    background: #020817 url('https://wallpaperscraft.com/image/google_search_logo_summer_drawing_26168_602x339.jpg'); 
 
    background-repeat: no-repeat; 
 
    background-position: top center; 
 
    background-size: 100% auto; 
 
} 
 

 
    body::after { 
 
     display: block; 
 
     position: absolute; 
 
     top: 0; 
 
     right: 0; 
 
     bottom: 0; 
 
     left: 0; 
 
     background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); 
 
     content: ''; 
 
    }

私はあなたが

+0

非常に役立ち、完璧に働きました。 –

+0

答えを正しく設定してください。私のために非常に役立つ、THX – dave008