对于我的一生，我无法解决这个问题，我们将不胜感激！
我正在尝试将背景图像应用于div类，由于某种原因该图像将不会显示，但是当我将相同的图像应用于身体时，它的效果很好，我创建了一个新的html / css文件进行测试并尝试一下，请参见下面的示例。
这有效
的HTML
<body>
<div class="topNav">
<p>Content here</p>
</div>
</body>
的CSS
body {
background-image: url("images/topNav-bg.png");
background-repeat: repeat-x;
}
这不
<body>
<div class="topNav">
<p>Content here</p>
</div>
</body>
的CSS
.topNav {
background-image: url("images/topNav-bg.png");
background-repeat: repeat-x;
}
不起作用的方法与起作用的方法的唯一区别是，css选择器指向的是类而不是元素，为什么我可能遇到这个问题呢？我尝试将一个ID也添加到div，以更具体的方式考虑它可能会起作用，我还尝试将div类的宽度和高度设为100％，考虑是否设置了大小会起作用，但它仍然无济于事，并且，如果是这样的话，它肯定不会对身体元素起作用吗？
我的css文件已链接，并且图像的路径也都正确，否则当我将css规则应用于body元素时，它肯定无法工作吗？
这似乎真的很基本，但是已经困扰我好多年了！
提前致谢，
杰米
编辑
我的工作页面中的实际代码如下：
的HTML
<div class="topNav">
<ul>
<li><a href="#">Log in</a></li>
<li><a href="#">Create account</a></li>
<li><a href="#">Contributions</a></li>
<li><a href="#">Talk</a></li>
<li><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Not logged in</li>
</ul>
</div>
的CSS
.topNav {
margin: 0px 0px 0px 176px;
background-image: url('../images/topNav-bg.png') !important;
background-repeat: repeat-x;
height: 40px;
width: 90.83%;
}
我认为这可能是其他干扰因素，这就是为什么我举这个例子来尝试找出问题的原因，尽管我从div中删除了所有其他样式后，它还是重复了一次。
最佳答案
body div .topNav {
background-image: url("images/topNav-bg.png");
background-repeat: repeat-x;
}
我认为这可能有效
关于html - HTML/CSS背景图片将应用于元素，但不适用于类选择器？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39549167/