Question

.jumbotron {
    margin-bottom: 0px;
    background-image: url(../img/desktop-urania.jpg);
    min-height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

这是HTML中的工作CSS，但我正在尝试将HTML转换为WordPress，而转换我在function.php中链接我的样式表（function urania_script_enqueue（）{ wp_enqueue_style（'customstyle'，get_template_directory_uri（）。'/ css / urania.css'，array（'$ handle'，'$ src'，'$ deps'，'$ ver'，'$ media'），'1.0。 0'，'全部'）;）

但是图片没有加载......

主题名称URANIA :: - ＆gt; CSS-＆GT; urania.css（样式表）主题名称URANIA :: - ＆gt; img - ＆gt; desktop-urania.jpg（图片）

请帮助

Answer 1

如果图像颜色模式为CMYK，请检查图像颜色模式，然后在IE-8上不显示，需要将颜色模式更改为RGB。

如果你的图片色彩模式是正确的，那么你可以分享实际的网站网址，这样我们就可以更好地看到网站的结构。

Answer 2

PHP无法在css文件中运行，但您可以使用内联的wordpress函数。你可以只用css。由于我的css（在sass处理之后）最终在主题根目录中的一个文件中，我不得不改变我的文件路径。

以下stackoverflow答案解决了我的问题。 CSS background images in WordPress

尝试仔细检查文件路径或遵循wp约定并将css放在根目录中的styles.css中。见<ol contenteditable="true"> <li> Line 1 </li> <li> Line 2 </li> </ol>。也许wordpress喜欢quoatation marks中的路径？

get_template_directory_uri()

如何在样式表Wordpress中链接背景图像？

2 个答案: