背景画像が表示されませんか？

私はこの問題を何回も経験しました。それは1440x1006の画像サイズを表示しません。私はそれをページの上半分に表示しようとしています。背景画像が表示されませんか？

HTML：

<div class="topnav" id="mytopbar"> 
    <a><button>Donate</button></a> 
    <a>Contact Us</a> 
    <a>Whats New</a> 
    <a>Shop</a>    
</div>

CSS

body { 
    background: url("images/Background1.png") no-repeat; 
} 

#mytopbar { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 40px; 
} 

.topnav a { 
    float: right; 
    display: block; 
    text-align: center; 
    padding: 14px; 
    font-weight: lighter; 
    font-family: 'Source Sans Pro', sans-serif; 
}

出典

2017-06-26 Wesley Cenatus

'html { バックグラウンド：url（images/bg.jpg）ノーリピートセンターの中心を固定しました。 -webkit-background-size：cover; -moz-background-size：cover; -o-background-size：cover; background-size：cover; } 出典：[完全な全面背景]（https://css-tricks.com/perfect-full-page-background-image/） – Kevin

ファイルの構造を確認してください。画像フォルダはCSSと同じフォルダにありますか？ –

イメージフォルダ 'url（"/images/Background1.png "）の前にスラッシュがないと思います。 –

あなたはhtmlコードにCSSファイルをリンクしていません。

出典

2017-06-26 18:51:41 Ayushya

彼のコードには表示されていませんが、正しいかもしれません – InvincibleM

background-imageを使用して画像を設定してみてください。 <body>セクションの上

出典

2017-06-26 18:55:29 MullerA

、次の行を追加します。

問題を見つけた

<head> 
<link rel="stylesheet" type="text/css"href="NameOfStyleSheet.css"> 
</head>

出典

2017-06-26 18:56:01 frozen

、私はちょうど、「/」のコードが正常に動作しているあなたに

出典

2017-06-26 19:03:23

に感謝を行方不明になりましたCSSをHTMLファイルにリンクしていない可能性があります。

出典

2017-06-26 19:05:02

背景画像が表示されませんか？

答えて

関連する問題