Question

正如标题中所说，我网站的背景图片没有出现。我是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' ); ?>" />

Answer 1

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

bloginfo('stylesheet_url');

它应该放在样式表链接的 href 标记中，而style.css文件本身应该与index.php在同一目录中

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

Answer 2

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

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

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

css文件

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

Answer 3

你试过这个吗？

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

Answer 4

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

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

我的文件夹是

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

Answer 5

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

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

或者

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

WordPress CSS背景图像没有出现

5 个答案:

css文件