背景图片显示在本地主机站点上，但不在网上

时间：2015-04-09 作者：mirae2000

我正在开发WordPress主题，背景图像在本地MAMP服务器上显示良好。然而，一旦我将主题上传到演示站点，它就拒绝出现。我尝试了图像的各种路径：相对路径、绝对路径、php路径。什么都不管用。

我有style.css 文件位于主题的主文件夹中。图像位于主文件夹中的“图像”文件夹中。当我在单独的选项卡中打开图像时，它看起来很好。

相对路径（不工作）：

#header-background {
background: url("images/background-reclaimed.jpg") no-repeat center center fixed; 
}
绝对路径（不工作）：

#header-background {
background: url("http://www.mirae2000.com/wp-content/themes/woodsy/images/background-reclaimed.jpg") no-repeat center center fixed; 
}
使用PHP的绝对路径（不起作用）：

#header-background {
background: url("\'<?php echo home_url(); ?>\'/wp-content/themes/woodsy/images/background-reclaimed.jpg") no-repeat center center fixed; 
}

1 个回复
SO网友:websupporter

在您的HTML-Code 您有以下声明：

#header-background, #colophon, #site-navigation { 
  background: url(\'\') no-repeat center center fixed;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover; 
}
对于Firebug，我看到了，这将覆盖您的CSS声明

#header-background {
   background: url("images/background-reclaimed.jpg") no-repeat fixed center center rgba(0, 0, 0, 0);
    display: inline-block;
    height: 100vh;
    max-height: 1000px;
}
如果我关闭第一个声明，就会显示图片。

我的第一个猜测是：检查你的标题。php，为什么这个声明为#header-background.

结束
标签： themes   css   paths   小码农  

相关推荐

将CSS呈现到屏幕和调试问题

我在这里建立了一个网站HERE如您所见，镀铬的右箭头较低here但当我用调试器调试它并检查float开/关时，它会返回到应该的位置。。。所以问题是，问题是什么？CSS、浏览器、调试器和系统（mac？）或HTML。。。如果需要你的光！。。。提前感谢