用css替换特定wordpress页面上的徽标

Question

我正在尝试在我的网站上为特定页面显示不同的徽标。我添加了一个针对特定网页ID的CSS规则，它成功地交换了徽标，但仅限于Chrome和Safari。但是在Firefox和IE上它没有交换徽标（它只显示原始徽标）

bindingRedirect

你能告诉我如何使它与Firefox和IE兼容，还是有另一种方法来实现它？

由于

Answer 1

content是用于将图像应用于节点的wrong css property。该职位属于background：

.page-id-1973 #logo {
     background: url(http://example.com/wp-content/uploads/2017/04/new-logo.png);
}

您也可以使用background-image

如果你要替换的图像在dom中作为<img>标签，你可以这样做来隐藏它并保留原件的高度和宽度：

.page-id-1973 #logo img { visibility: hidden; }