0

我试图将我的标志向左移动，因此在自定义 css 字段中添加了一些 css 代码，发现标志完全消失了。我安装了萤火虫并检查了徽标和标题，发现徽标在那里，但代码被覆盖了。我无法修复它。我原来的 Logo css 代码是：

  • 全球的 */

正文{背景：url（图像/body_bg.png）；字体系列：Arial，Helvetica，无衬线；字体大小：14px；颜色：#555；行高：1.5；font-size:12px;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#header{max-width:920px;margin:20px auto;clear:both;display:block;vertical-align: top; position:relative; height:75px;}
#header_logo{background:url(images/header_logo.png) no-repeat 0px 0px;display:block;float:left;text-indent:-3000px; width:100%; height:75px; position:absolute;}

#breadcrum{font-size:11px;padding:4px 0 8px 0px;margin:0 auto;margin-bottom:10px;border-bottom:1px solid #DEDEDE;width:920px;}

我将以下代码添加到自定义 css 字段：

#header_logo{background:url(images/header_logo.png) no-repeat 0px 0px;display:block;float:left;text-indent:-3000px; width:100%; height:75px; position:absolute;}

我发现通过 Firebug 负责的代码是：

#header_logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
background-image: url("images/header_logo.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
  display: block;
    float: left;
    height: 75px;
    position: absolute;
    text-indent: -3000px;
    width: 100%;
}

当我禁用背景图像时： url("images/header_logo.png"); 和高度：75；整个标志重新出现。但它在萤火虫中，我不知道如何在我的实际主题上做到这一点。我找不到修复它的方法和位置。非常感谢任何帮助。网站是 auromarealty.com

4

1 回答 1

0

那是因为你加了...

#header_logo{background:url(images/header_logo.png) ...

当我尝试访问该文件时......这是：http://auromarealty.com/images/header_logo.png什么都不存在。因此，要么将header_logo.png文件上传到您的/images/目录，要么将整个 CSS 行更改为...

#header_logo{background:url(http://auromarealty.com/wp-content/uploads/thefirm/thefirm_header_logo.png) no-repeat 0px 0px;display:block;float:left;text-indent:-3000px; width:100%; height:75px; position:absolute;}

那应该解决它！如果确实如此，请标记为答案...谢谢:)

于 2013-09-21T02:03:20.713 回答