wordpress - 在现场看不到的图像在本地工作正常
问题描述
我在一个电子商务网站上工作，产品图像在实时网站上不可见，但它们在我的本地开发版本上可见，即使我使用的是代码和数据库的精确副本。更奇怪的是，当我打开开发者控制台并查看时 - 图像的源代码在那里，并且图像的预览是正确的，这告诉我图像已正确加载，它一定是别的东西。
此外，开发站点和实时站点之间的唯一区别是实时站点在 SSL 上运行，所以我想问题可能与此有关，但我不知道它可能是什么 - 图像 url 以https.
这是一个图像不可见的示例页面。
此外，要提到该网站是使用 WordPress 和 WooComerce 构建的，自定义主题。
编辑：由于某种原因，图像在本地版本上也不再可见。
解决方案
图像的父元素/祖先之一（在单个产品视图中）是一个 DIV，它具有class属性woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images和style包含的属性opacity: 0，即完全透明，因此它保持不可见
因此，您必须找到添加不透明度设置的位置并将其停用。（或者如果它是静态的，只需将其从 HTML 标记中删除）
推荐阅读
- javascript - 获取输入变量的名称（如 Function.name）
- powershell - powershell根据csv文件创建txt文件
- java - Lombok 的 @Builder 未检测到 Java 记录的字段
- google-app-engine - 尽管 app.yaml 中设置了过期时间，但 App Engine 并未缓存静态内容
- reactjs - 无法在反应创建应用程序项目中显示照片
- c++ - 将整数放入数组时出现意外值
- php - $number = preg_match('@[AZ]@', $password); 中的“@[AZ]@”模式是什么意思？
- docker - 未在 Dockerfile ENTRYPOINT 中读取日期
- r - R ifelse 语句忽略输入
- npm - 使用 npm 安装 gulp 时不推荐使用的软件包