在WordPress中只使用custom.css替换菜单中的项目

问题描述：

我想在向下滚动另一个图像时替换此图像。在WordPress中只使用custom.css替换菜单中的项目

首先，在菜单的样子：

当我滚动点点下拉菜单的样子：

是否有可能使用custom.css这个替换项目在菜单中？我只是想在另一张照片上替换这张照片。是否有可能通过只使用custom.css，或者我需要访问文件并在这里使用java脚本？

什么时候可能有人能告诉我该怎么做？

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

由于您想要更改元素属性（'src'）而不是样式属性，您的解决方案可能不可能或者非常难看（隐藏源图像，但仍以某种方式指定背景图像）。此外，您需要更改祖先元素，以便可以有条件地引用图像。但是，最重要的是，你没有给我们足够的信息。请包括[最小，完整，可验证示例]（https://*.com/help/mcve）。 *（注意：Java ** Script **会使这更容易，是的，Java是完全不同的。）* – Santi

JavaScript和Java是完全不同的东西。我认为你需要[编辑]你的问题来改变它。 –

@KirkBeard不要在这里踩脚趾，但我想JavaScript甚至不应该被标记。 OP在他提出的修改CSS文件的解决方案的请求中非常具体，因此我不认为这个问题值得JS标记:) – Santi

答

给这个一抡：

.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图像移开并添加背景图像。就您的用户而言，它只会看起来像从一幅图像翻转到另一幅图像。

它的工作原理是通过js将.is-sticky类添加到滚动标题中。

在WordPress中只使用custom.css替换菜单中的项目

相关推荐