背景圖片沒有顯示出來？

我已經多次遇到這個問題;它不會顯示圖像大小是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 { background：url（images/bg.jpg）no-repeat center center fixed; -webkit-background-size：cover; -moz-background-size：cover; -o-background-size：cover; background-size：cover; } 來源：[Perfect Full Page Background]（https://css-tricks.com/perfect-full-page-background-image/） – Kevin

檢查您的文件結構。你有你的圖像文件夾在CSS相同的文件夾？ –

我認爲你在圖像文件夾'url（「/ images/Background1.png」）前缺少正斜槓' –

您沒有鏈接的CSS文件的HTML代碼。

來源

2017-06-26 18:51:41 Ayushya

這沒有顯示在他的代碼中，但它可能是正確的 – InvincibleM

嘗試使用background-image來設置圖像。

來源

2017-06-26 18:55:29 MullerA

以上的<body>部分，添加以下內容：

<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

背景圖片沒有顯示出來？

回答

相關問題