使用CSS读取指向页面徽标的链接

我已经安装了修补Facebook的CSS。我一直做得不错，除了一个小细节一直困扰着我外，我一直在玩它的整体外观

我已经到了我决定将Facebook徽标更改为我在网上得到并修改过的gif的地步。除了点击标志不再带你回到Facebook主页之外，这一改变没有任何问题

我所做的更改如下：

#pageLogo
{
content:  url('http://i.imgur.com/hrsJAJh.gif');
height: 82%; 
width: auto;
position: relative;
left: -35px;
}

我尝试过使用背景图像：url。。。；，但它只是将我的新徽标置于Facebook的官方徽标之后。我意识到使用内容：url。。。；也正在更改，即删除主页的锚，该主页位于：

<h1 id="pageLogo">
    <a data-gt="{"chrome_nav_item":"logo_chrome"}" href="https://www.facebook.com/?ref=logo">Facebook</a>
</h1>

但它不起作用，我猜这是因为我改变了主播的内容，即Facebook文本，而不是该主播的实际href

我在这里寻找过有类似问题的人，大多数答案都是修改HTML或使用Javascript。使用SocialFixer，我只能修改CSS

为了以防万一，我检查了w3中href和data gt的属性，但运气不好

---

在所有这些文字之后，我想重申一下，我想更改Facebook的徽标，同时只使用CSS保留指向Facebook主页的链接。

在回答这个问题时，Facebook徽标是h1pageLogo内链接的背景图像，而不是元素本身的背景。这就是为什么您试图更改背景图像时会在徽标后面出现图像

您需要更改链接的背景图像。比如：

#pageLogo a {
  background-image: url('http://i.imgur.com/hrsJAJh.gif');
  background-position: top left; /* probably */
  height: "your image height";
  width: "your image width";
}

---

最后我把pageLogo、pageLogo a、pageLogo a:hover等中的内容改为背景图像，这是我最初没有尝试过的。我以前所做的一切都是为了pageLogo和pageLogo a。谢谢

#pageLogo a {
  background-image: url('http://i.imgur.com/hrsJAJh.gif');
  background-position: top left; /* probably */
  height: "your image height";
  width: "your image width";
}