仅使用WordPress

时间:2017-07-17 18:15:14

标签: html css wordpress

当我向下滚动另一张图片时,我想替换此图像。

首先,菜单如下:

enter image description here

当我向下滚动菜单时,看起来像:

enter image description here

是否可以在菜单中使用custom.css替换此项目?我只是想在另一张照片上替换这张照片。是否可以通过仅使用custom.css来实现,还是需要访问文件并使用java脚本?

什么时候可以告诉你怎么说?

链接到我的网站:http://test.projekt-tenis.pl/wordpress/

1 个答案:

答案 0 :(得分:1)

给它一个旋转:

.is-sticky img.menu-image-title-hide {
    background: url(http://www.spiritvoyage.com/blog/wp-content/uploads/Screen-shot-2011-12-06-at-2.56.08-PM-150x150.png) no-repeat;
    width: 150px;
    height: 150px;
    padding-left: 150px;
}

应该做的伎俩。它将原始src图像移开并添加背景图像。就您的用户而言,它只是看起来像是从一个图像翻转到另一个图像。

它的工作原理是因为类别.is-sticky被js滚动添加到标题中。