我对使用Squarespace(模板Forte)构建的此页面有疑问:https://joyce-kozloff.squarespace.com/new-gallery-3(这实际上不是Squarespace问题,更多是常规CSS / JS hack问题)
我一直在尝试寻找一种在此页面上添加常规描述性文本的方法,因为模板中没有这样做的选项。
作为一种可能的解决方案,我想将第一张幻灯片ti设置为空的PNG,并在其下面放置项目描述文本。如果默认情况下会自动捕捉描述性文本,而不用将鼠标悬停在图像上,则这将非常有效。
第一张幻灯片div具有唯一的ID,因此我尝试这样做:
#yui_3_17_2_1_1423251233094_294 .image-detail-wrapper {top: 0px !important}
但无济于事。如果有人能提出一种通过CSS和/或javascript将image-detail-wrapper div提升到内容区域顶部的方法,我将非常感激。
谢谢阅读!
最佳答案
#fullscreenBrowser .slideshow.strip .image-detail-wrapper {top: 0;background-color: hsla(0,0%,0%,0);color: white;}
这是您想要的那种效果吗?文字覆盖在图像上吗?