我试图改变我的产品图片的悬浮在woocommerce在wordpress！！我试过一些插件，我看到像。Woocommerce产品图片翻转器 ＆amp; Magni图片翻转Wocommerce的功能 但他们不工作的一些原因，我试过的解决方案，你在这里建议在一些类似的问题。
所以，你知道另一个插件免费或不我不在乎，或者你知道也许一个其他的解决方案与CSS也许我不知道。
我使用的是
谢谢你的帮助，对不起我的英语:)
@N. Mar, 是的，我使用的自定义URL只是作为一个例子。有了 background-image: url("img2")如果你的CSS文件在同一个文件夹里，就会选择img2。然而，如果你的图片被保存在一个单独的文件夹中，例如 "images"，那么CSS可能是 background-image: url("images/img2").
这里有一个StackOverflow关于文件夹路径的帖子，可能很有用。"." (点斜线)指的是HTML文件路径位置？
因为您使用的是WooCommerce，我猜想您的图片存储方式有些不同。这篇文章或许能给你一些启示。https:/enviragallery.comwher-does-wordpress-store-uploaded-images(上传图片的存储方式)
如果你想在Wordpress上自动实现这一点，你将需要使用PHP。问题是，你不能在CSS中使用PHP。取而代之的是，你需要在主题的html中添加内联或头部的样式（而不是一个单独的样式表），然后使用PHP来引用图片。这是一个很好的有点棘手的问题。这里有另一篇Stackoverflow的帖子。WordPress中的CSS背景图片
ok @st3ph3n92 它为我工作！！我只是为我每天在网上的10-20个产品写自定义css，所以现在我很好！！现在在未来，我希望有插件来做这项工作^^。
再次感谢您的帮助 @st3ph3n92
如果你能访问CSS，你可以尝试将图片设置为它所在的div的背景。然后你可以使用 :hover 选择器来设置一个新的背景图片。
你可以在CodePen上看到这个。https:/codepen.ioSt3ph3n92penBaopGQx。
或者运行这个片段。
.image-holder {
height: 300px;
width: 300px;
border: 3px solid black;
margin: 0 auto;
background-image: url("https://images.unsplash.com/photo-1491553895911-0055eca6402d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80");
background-size: contain;
}
.image-holder:hover {
background-image: url("https://images.unsplash.com/photo-1514218953589-2d7d37efd2dc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60")
}<div class="image-holder"><div>希望能帮到你
谢谢你St3ph3n92的回答，所以我可以改变这个代码与这样的东西吗？
.product-image {
height: 770px;
width: 1155px;
border: none;
margin: 0 auto;
background-image: url("img1");
background-size: contain;
}
.product-image:hover {
background-image: url("img2")
}<div class="product-image"><div>我的意思是，我想更自动的东西，因为我有700多个产品，所以我不能插入自定义的URLS为每一个！！！！！！！！！！！！！！！！我需要一个代码，所以在悬停我的主产品的图像改变与第二张图片从产品图库
再次感谢您的回答 !
我的一些网站也有同样的问题，配置和你的一样。直到几天前，我的产品有这种翻转效果。它是默认的，我没有安装任何插件的这个功能。今天，我发现它不再工作了。
我设法通过禁用Autoptimize插件来解决这个问题。我不知道你是否使用了同样的插件，但也许我的回答会帮助你。