【问题标题】:3 related problems - gap in content wrapper/border, image height reduced and positioning of content div3 个相关问题 - 内容包装/边框的间隙、图像高度降低和内容 div 的定位
【发布时间】:2013-04-19 03:18:09
【问题描述】:

问题可以看这里:http://www.skicoloradorentals.com/secondary.html

1) contentBorderImg 下方的空隙 2) contentBorderImg 减少到 69 像素高度而不是 87(18 像素差异 = 与间隙相同) 3) 即使我为它分配了高 z-index,内容 div 也不会位于 contentBorderImg 上

contentBorder - 这是带有 1-px 边框的内容区域的包装器/边框

contentBorderImg - 这是显示在包装顶部的圆角图像

.content - 我想驻留在 contentBorderImg 上的实际内容 div

我能够在左栏中使用相同的概念。我尝试复制该代码无济于事。我非常感谢您的帮助。

【问题讨论】:

    标签: image html positioning gaps-in-visuals


    【解决方案1】:

    尝试给 contentBorderImg 的

    Z-index = -1;
    

    然后对于#contentBorder 使用

    border-radius:9px 9px 0px 0px;
    

    我已经使用border-radius根据圆角图像来塑造边框。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-05-22
      • 1970-01-01
      • 2011-01-20
      • 1970-01-01
      • 2016-06-17
      • 1970-01-01
      • 2013-05-23
      相关资源
      最近更新 更多