好的,所以我的网站,http://ichion.tk ,我有一个横幅,它重复。我要问的是如何解决这个问题。这是我的代码:
<html>
<head>
<style>
div#title {
background-image: url("banner.png");
color:yellow;
height:120px;
width:100%;
}
</style>
</head>
<body>
<div id=title>
</div>
如果它有所不同,那么它在 Google Chrome 和 Safari 中都是一样的。我不知道它在其他浏览器中的样子。
最佳答案
我假设您根本不希望横幅被拉伸(stretch),所以我会避免使用 background-size
。相反,定义 black
的 background-color
:
background-repeat: no-repeat;
background-color: black;
结果截图如下:
关于html - 我网页顶部的横幅重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32926015/