带有自定义CSS的Squarespace div定位

Question

我在帮一个朋友建她的网站，这是她在squarespace里创建的。她只是想让三个主页图像重叠...这些图像位于div内部的几个div中。我正在尝试做一个hack，我把绝对定位在div上，这样我就可以把它们放在我想要的地方，也可以重叠它们，当我在firebug中查看站点时，它可以工作，但是一旦我在squarespace中添加了自定义代码，它就不能工作了！令人沮丧。有没有人在squarespace中成功地插入了自己的CSS来操纵div的位置？

以下是网站：http://www.marciahindsadg.com/

下面是适用于我的firebug的代码，但不是一旦我将它放入squarespace的自定义css部分：

<style type="text/css">

<!--- Film image block -->
#yui_3_17_2_1_1423953053128_228 {
    left: -110px;
}

<!--- Television image block -->
#yui_3_17_2_1_1423953253236_246 {
    right: 150px;
    top: -20px;
}

<!--- Fantasy image block -->
#yui_3_17_2_1_1423953253236_211 {
    z-index: 100;
    left: 550px;
    top: 115px;
}

</style>

Answer 1

删除HTML注释。它们不属于CSS样式标签。这就是你的CSS无效的原因。

使用CSS注释而不是-> //Test comment。