背景图片没有显示?

时间:2017-06-26 18:49:17

标签: html css background background-image

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

5 个答案:

答案 0 :(得分:1)

您尚未将css文件链接到html代码。

答案 1 :(得分:1)

尝试使用background-image设置图片。

答案 2 :(得分:1)

<body>部分上方,添加以下内容:

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

答案 3 :(得分:0)

发现问题,我只是错过了一个&#34; /&#34;谢谢

答案 4 :(得分:0)

代码运行正常。也许您没有将CSS与HTML文件链接起来。