我多次遇到这个问题;它不会显示图像大小是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;
}
答案 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文件链接起来。