背景图片没有显示出来？

我已经多次遇到这个问题;它不会显示图像大小是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

背景图片没有显示出来？

回答

相关问题