问题描述
我正在使用 Squarespace 构建网站。
网站的设计包含许多盒子,有些只是一张图片,有些是图片库,其中有一个 Instagram 链接。它们都按其应有的方式工作。现在想有一个悬停效果,显示一个词(框的瓷砖)。 我设法为包含图像的框构建了这种效果。将鼠标悬停在图像与背景的图块上。
.design-layout-poster .image-card-wrapper {
visibility: visible;
opacity: 0;
transition-duration: 1s;
}
.design-layout-poster:hover .image-card-wrapper {
visibility: visible;
opacity: 1;
background-color: #F2F2F2;
}
在带有画廊幻灯片的盒子里,我遇到了一些问题。
我设法隐藏了通过悬停无法显示画廊的标题。我还尝试用图像覆盖孔厨房块,但由于我的编码知识不足,我无法做到这一点。
该网站是 https://stereobild-stream.com/ 左上角是效果起作用的图像。在我不工作的厨房中间。
也许有人知道如何解决这个问题。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)