【发布时间】:2015-04-15 18:53:37
【问题描述】:
我正在帮助一位朋友创建她在 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>
【问题讨论】:
-
图像具有内联样式,其重要性/优先级高于外部样式。我的猜测是 squarespace 有 js 来确定这些图像的位置。
-
您可以使用 !important 来覆盖它。示例:右:150px !important;
-
我实际上已经尝试过使用 !important;在每一行旁边,但这似乎也不起作用:(
标签: html css position positioning squarespace