html - 我网页顶部的横幅重复

标签 html css

好的,所以我的网站,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。相反,定义 blackbackground-color:

background-repeat: no-repeat;
background-color: black;

结果截图如下:

screenshot

关于html - 我网页顶部的横幅重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32926015/

相关文章:

html - 移动设备放大 Google Apps 脚本

html - 如何使用 Bootstrap 4 和/或 flex 将内容居中并设置页脚?

html - 使用媒体查询获得完美图像响应的正确方法是什么?

html - 正确使用带有背景的图像的媒体视口(viewport)

php - 使用 PHP 从 MySQL DB 更新 HTML 组合框

html - 倾斜的div中的背景图像

css - 覆盖组件自动生成的子级 css; Angular

html - html列表项和段落之间的视觉差异

jquery - 高度和宽度属性不完美

html - 扩展叠加层以适应浏览器窗口