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

我试图在我的网站上显示特定页面的不同徽标。我已经添加了一个针对特定页面ID的CSS规则，它成功交换了徽标，但仅限于Chrome和Safari。但在Firefox和IE不交换标识（它只是显示原来的）使用css替换特定的wordpress页面上的徽标

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

你能告诉我如何使它Firefox和IE兼容，或者是有实现它的另一种方式？

由于

来源

2017-04-04 Bake Creates

欢迎来到StackOverflow，您的问题应该包含一个[最小，完整和可验证的示例]（http://stackoverflow.com/help/mcve）。 ['content'属性]（https://developer.mozilla.org/en-US/docs/Web/CSS/content）适用于':: before'和':: after'伪元素。 – hungerstar

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

来源

2017-04-04 20:31:51 vlasits

我尝试了使用“背景”的建议 - 即使现在显示新标志，旧标志仍然覆盖在其上。 –

尝试类似： .page-id-1973 #logo img { visibility：hidden; } 或者，如果您的替换图像大小不同，请使用'display：none;'而不是'visibility：hidden;' – vlasits

我没有太多运气。你介意我是否可以在网页上快速浏览一下？ –

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

回答

相关问题