【问题标题】:Squarespace div positioning with custom CSS使用自定义 CSS 定位 Squarespace div
【发布时间】: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


【解决方案1】:

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

改用 CSS cmets -> //Test comment。

【讨论】:

  • 那些单行cmets也不属于CSS!请改用/* Comment */。来源:Is it bad practice to comment out single lines of css with //
  • 谢谢!!你是对的...... html cmets 把它搞砸了。我用 CSS cmets 替换了 html cmets。另外...我在 squarespace 代码中意识到,为了操作任何 div,您必须深入挖掘代码以在要移动的图像中找到 OUTERMOST div。代码有点荒谬......就像一个图像的5个嵌套div!......一旦我更改了代码以操纵最外层的div(并且一旦我修复了评论代码),它现在可以工作了!感谢您的帮助! :)
猜你喜欢
  • 2017-07-20
  • 1970-01-01
  • 2018-06-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-16
  • 1970-01-01
相关资源
最近更新 更多