我正在开发电子商务site,产品图片在实际网站上不可见,但即使我使用的是代码和数据库的精确副本,它们也可以在我的本地开发版本上看到。甚至更奇怪的是,当我打开开发者控制台并查看时 - 图像的源代码在那里,图像的预览也是正确的,它告诉我图像加载正确,它必须是别的。
此外,开发站点和实时站点之间的唯一区别是,实时站点运行在SSL上,所以我猜问题可能与此有关,但我不知道它可能是什么 - 图像URL开头https
。
Here是一个示例页面,其中的图片不可见。
另外,提到该网站是使用WordPress和WooComerce构建的,自定义主题。
编辑:由于某种原因,图片在本地版本上也不再可见。
答案 0 :(得分:2)
图像的父元素/祖先之一(在单个产品视图中)是一个DIV,其class
属性woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images
和style
属性包含{{1} },即完全透明,因此它仍然是不可见的
因此,您必须找到添加不透明度设置的位置并将其停用。 (或者,如果它是静态的,只需将其从HTML标记中删除)