首先我会说我是 CSS 和 HTML 的新手，所以没有必要让我失望，好吧。
这是我的 HTML:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="res/yOJCascadeStyleSheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header">
<img src="res/yOJheader.png">
</div>
</body>
</html>
这是我的 CSS:
root {
display: block;
}
#header{
background-image: url('yOJ_GIF_Tile.gif');
background-repeat: repeat-x;
}
现在，yOJ_GIF_Tile.gif 与 html 放在同一文件夹中，如果我在 CSS 中将背景设置为特定颜色，则会显示该颜色。我在 StackOverflow 上查看了这方面的教程以及之前的问题，看起来我的语法与其他人相同，但我无法正常工作......有人可以帮我吗？我知道有一群 HTML 和 CSS 专家在这个网站漫游... =)
编辑: 我应该提一下，不仅重复不起作用，图像根本不显示。它是一张 10 px X 200 px .gif 图像，我想在 div 背景中水平重复。
谢谢!!
最佳答案
文件的搜索路径通常从CSS文件夹开始。
在您的情况下，请尝试将图像放在同一文件夹 css 中或使用相对路径更改 URL。
如果不是，可能是浏览器缓存有问题。如果将图像放在与 CSS 文件相同的文件夹中不起作用，请尝试清除浏览器数据。
关于html - 图像重复不起作用，为什么...？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5004512/