使用Jumbotron,CSS和Wordpress来显示背景

时间:2015-10-31 15:20:12

标签: html css wordpress twitter-bootstrap

我正在尝试制作我的第一个Wordpress主题,而且我已经坚持了几个小时。我知道如何使用HTML(通过Wordpress)添加图像,但我无法在CSS中添加图像,特别是通过背景图像。

我的猜测是它与文件路径有关,但我确信我的一切都是正确的。另外,我尝试检查拼写错误。如果我没有弄乱文件路径,我就不知道自己做了什么。

有没有人对错误有任何想法?

.jumbotron {
  background-image: url('Images/header.jpg')
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}

要提供有关文件路径的其他信息,所有文件都在主题文件夹中。 CSS样式表,header.php,footer.php和" Images"文件夹位于此处。在images文件夹中是一张名为header.jpg的图片。

2 个答案:

答案 0 :(得分:1)

问题是您在;

之后忘记了url()

答案 1 :(得分:0)

解决此问题:

background-image: url('Images/header.jpg')

background-image: url('Images/header.jpg');

也许可以尝试添加no-repeat,如:

background-image: url('Images/header.jpg') no-repeat;