WordPress CSS背景图像未出现

Posted 2023-03-05

【中文标题】WordPress CSS背景图像未出现

【英文标题】：WordPress CSS Background images not appearing

【发布时间】：2012-07-05 00:12:18

【问题描述】：

如标题所述，我的网站的背景图片没有出现。我对wordpress很陌生。我已经设法让 html 文件中的正常图像出现<img src="<?php echo get_bloginfo('template_url');?>/images/image01.jpg" alt="image description" width="1269" height="441" /> 但由于某种原因，我的 CSS 中的所有图像都不会出现。我在尝试解决这个问题时做了一些研究，最常见的答案是像这样格式化 css：

.logo
    background:url("/images/logo.png") no-repeat; 

但这不起作用。

任何帮助将不胜感激。

提前致谢，汤姆

编辑： 链接到header.php 文件中的 stye.css：

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

【参考方案1】：

在我的情况下，我的代码就像下一行

background: url("assets/images/icon.png");

我的文件夹是

wp-content\themes\theme-name\assets\images

【参考方案2】：

如果您从头开始创建主题意味着...

*确保您的背景图片位于自定义主题文件夹中的图片文件夹中

*然后包含自定义主题文件夹中的图像

css 文件

    .header
         background: url("../custom_theme_folder_name/images/123.png") repeat;
    

【讨论】：

样式表已经在主题文件夹中。不需要从自定义主题文件夹中走出来。

【参考方案3】：

你试过了吗？

.logo
    background:url("images/logo.png");

【讨论】：

主题的根文件夹有样式吗？还是在子文件夹中？

根文件夹。图像在图像文件夹中，仅此而已

url("images/logo.png");将此方法用于样式。并检查您的标题是否存在样式表 url 是否完美。

这对我有用，因为 styles.css 直接在主题文件夹中

【参考方案4】：

您的源属性中的地址可能不是从您认为的位置开始（这意味着您可能不是从根节点开始）。试试这个：

.logo
    background:url("../images/logo.png") no-repeat; 

或者这个

.logo
    background:url("../../images/logo.png") no-repeat; 

【参考方案5】：

您是否使用它来导入样式表：

bloginfo('stylesheet_url');

它应该放在 stylesheet 链接 的 href 标记中，并且 style.css 文件本身应该与 index.php 位于同一目录中

查看要包含在您的 head 标签中的代码：http://jsfiddle.net/wpWbN/

【讨论】：

我更新了我原来的帖子，我正在使用 href="

所有文件都位于 wp-content/themes/servowatch 文件夹中。该文件夹中的文件有：index.php、header.php、footer.php、sidebar.php、images (dir) js (dir)

然后尝试删除徽标背景网址开头的斜线。