【问题标题】:Using Jumbotron, CSS, and Wordpress to display background使用 Jumbotron、CSS 和 Wordpress 显示背景
【发布时间】:2016-01-31 21:28:02
【问题描述】:

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

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

有人知道哪里出了问题吗?

.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 的图片。

【问题讨论】:

  • 1) 删除 url 周围的撇号 2) 文件图像必须与样式表相关

标签: html css wordpress twitter-bootstrap


【解决方案1】:

问题是你在url()之后忘记了;

【讨论】:

    【解决方案2】:

    解决这个问题:

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

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

    也许可以尝试添加no-repeat 喜欢:

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

    【讨论】:

    • 是的,我不敢相信我忘记了分号。成功了,非常感谢!
    猜你喜欢
    • 1970-01-01
    • 2016-10-16
    • 1970-01-01
    • 1970-01-01
    • 2017-09-21
    • 1970-01-01
    • 1970-01-01
    • 2016-10-16
    • 2017-07-20
    相关资源
    最近更新 更多