Question

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

GLOBAL * /

body {background：url（images / body_bg.png）; font-family：Arial，Helvetica，sans-serif; font-size：14px; color：＃555; line-height：1.5;字体大小：12像素;} .clearfix：在{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%;
}

我禁用background-image：url（“images / header_logo.png”）;和高度：75; 整个徽标再次出现。但它在萤火虫中，我不知道如何在我的实际主题上这样做。我找不到如何以及在哪里修复它。非常感谢任何帮助。网站是auromarealty.com

Answer 1

这是因为你加了......

#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;}

应该修复它！如果确实如此，则标记为答案...谢谢：）

添加自定义css后，我的徽标消失了，如何修复？

1 个答案: