【问题标题】:WordPress CSS Background images not appearingWordPress CSS背景图像未出现
【发布时间】: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' ); ?>" />

【问题讨论】:

    标签: html css wordpress wordpress-theming image


    【解决方案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)
        • 然后尝试删除徽标背景网址开头的斜线。
        猜你喜欢
        • 1970-01-01
        • 2015-03-01
        • 2014-09-30
        • 1970-01-01
        • 2017-10-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-04-04
        相关资源
        最近更新 更多