滚动时如何在导航栏中使用纯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 =等于scrolling的属性了。

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