关于导航菜单的logo图片置换问题

我的导航菜单有一个不错的效果,就是向下拉动一下,会改变底色、文字颜色,继续向下拉动就会收起,如果从下往上翻动网页,又会出现,直至回到顶端,恢复一开始的样子。(网址:www.ixichao.com
不过我遇到了一个问题,就是无论底色、文字颜色怎么变化,logo图片不不变化的,这也导致了变色后的导航菜单上,logo几乎看不见(要是颜色一致,就彻底看不见了)。
我觉得可以做两张图片,就是在变色过程中,不仅改变底色、文字颜色,顺便把logo图片也改了,不知道这个有没有办法实现。
目前网站上有两张logo图,分别是logo.png、logo2.png,分别为蓝色和白色,路径一样的,如果有会的,帮我实现一下。
万分感谢!
已邀请:

QQ被盗了

赞同来自:

我访问了两个网址:http://www.ixichao.com/images/logo.png

跑堂小2 - 冇钱;冇房子;冇成就。要吃饭;要住宿;要消费

赞同来自:

在你把第二个 logo 图片放在相同位置之后,使用 CSS 可以切换页面滚动之后顶部悬停菜单上的 logo 图片:
请在你的自定义 CSS 文件中写入如下代码:.layout-mode-responsive #rt-logo {
background: rgba(0, 0, 0, 0) url("/images/logo2.png") no-repeat scroll 50% 0 !important;
}

不是本人 - no no no!

赞同来自:

@白建鹏
老师,不好意思,目录搞错了,现在应该没有问题了!
我尝试了您给我的代码,这个会直接把LOGO图片替换掉,不是在变为蓝色底的时候,变更图片,您可以试试!
我找不到控制这个的代码在哪里!~~~
谢谢您~

~~~~~~~~~ - 上帝给我的使命,就是证明你们都不是最糟糕的

赞同来自:

刚才找不到你的 logo2 图片我无法测试、验证,所以给出的代码有错误,正确的应该是:.layout-mode-responsive.scrolling-enable #rt-logo {
background: rgba(0, 0, 0, 0) url("/images/logo2.png") no-repeat scroll 50% 0 !important;
}

刘备曹操 - 古今多少事,都付谈笑中

赞同来自:

问题顺利解决,谢谢老师,万分感谢!

要回复问题请先登录注册