html - 滚动时如何在导航栏中使用纯CSS更改图像？

Question

当导航栏将其状态更改为固定时，我已经更改了链接的文本颜色。我之前正在阅读一个答案，但它不起作用:Is it possible to set the equivalent of a src attribute of an img tag in CSS?

以下代码显示“logo.png”的位置，该图像旨在在滚动时更改。谢谢

<div class="logo-box">                             
    <div class="logo">
        <a href="#">
            <img src="images/logo.png" alt="">
        </a>
    </div>
</div>

Answer 1

没关系，我自己解决了，我忘记把fixed nav bar = equals 的属性设置为scrolling。

.main-header.fixed-header .main-box .logo-box .logo img{
    height: 50px;
    content: url("../images/logo.png") !important;
}