0

本站:http ://dev.calffl.org

三个底部小部件框标记为测试、测试 2、测试 3。

注意盒子是如何向下延伸到页脚并以不好的方式覆盖页脚的?

这需要消失,盒子应该是 210 像素高,90 像素的覆盖文本/透明度锚定在底部。

我显然正在失去理智。

4

2 回答 2

1

.block有一个固定的高度,而它的子元素有更高的高度,因此溢出了它的父元素和包装器。

通过删除 上的固定像素高度.block,并在其包装器上设置一个浮点数:

.homepageBottomBox-widget-wrapper {
    margin: 0 auto;
    width: 100%;
    float: left;
}

然后站点包装器将效仿,尽管我不能 100% 确定您在透明度部分的样式上需要什么。但我已经添加了一张图片,看看这是否是你所追求的。

在此处输入图像描述

于 2013-08-23T23:30:31.923 回答
1

通过以下方式提高透明度:

  1. 添加position:relative到您的 widget_sp_image 类(或只是小部件类)
  2. 设置position:absolute;bottom:0px为您的 widget_sp_image-description 类。
于 2013-08-23T23:32:33.920 回答