添加自定义css后我的标志消失了，如何解决？

Posted 2023-03-21

【中文标题】添加自定义css后我的标志消失了，如何解决？

【英文标题】：My logo disappear after adding custom css, how to fix?

【发布时间】：2013-09-26 12:18:27

【问题描述】：

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

全球 */

bodybackground:url(images/body_bg.png);font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#555;line-height: 1.5;字体大小：12px； .clearfix:after content: ".";display: block;height: 0;clear: both;visibility: hidden;

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

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

我在自定义 css 字段中添加了以下代码：

#header_logobackground: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

【参考方案1】：

那是因为你添加了...

#header_logobackground:url(images/header_logo.png) ...

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

#header_logobackground: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;

这应该可以解决它！如果有，请标记为答案...谢谢:)

【讨论】：

对不起，但它没有工作，仍然是同样的问题，我通过萤火虫检查了 - 当我禁用背景图像时它仍然出现：url（“images/header_logo.png”）;和身高：75；我认为代码在某处被覆盖，但不知道在这里修复它。有任何想法/如果您通过萤火虫看到或检查徽标部分，您可以清楚地看到它。感谢您的回复，但我仍然急需帮助:)

查看auromarealty.com整个主页的原始源代码。在生成的源代码的第 31 行，您将看到它被覆盖的位置。因此，您所看到的是，当您禁用带有损坏的图像路径的样式（如我之前指出的那样）时，带有嵌入式 CSS 的第 31 行会启动并且它可以工作，因为图像路径是正确的（正如我在上面指出的那样） .如果您从您的#header_logo 定义中完全删除背景属性，那么它将起作用。您的图像文件路径已损坏。

@gbdevHi 怎么做？删除“如果您从您的#header_logo 定义中完全删除背景属性”我删除了“#header_logobackground:url(auromarealty.com/wp-content/uploads/thefirm/…) no-repeat 0px 0px;display:block;float:left;text-indent:-3000px ;height:75px; width:100%; position:absolute;" 完全来自我的 CSS，但它是一样的。你能告诉我我必须从哪个文件中删除吗？我不是专家，不能这样做。抱歉，您能告诉我我必须删除的实际文件是什么吗？谢谢

我想我必须从头开始做这个网站？

不，您不必从头开始重新创建站点。只需删除您添加的#header_logo CSS 声明（就像您在 Firebug 中所做的那样），另一个声明将因CSS specificity 而生效。