0

我正在尝试使用:after伪元素在页脚上添加一些装饰性装饰。

问题是，根据我的 css 代码，装饰华丽元素（固定大小，使用背景图像）要么被页脚剪裁，要么最终扩展页面高度并添加垂直滚动条。

我需要的是从页脚顶部边框开始的装饰元素（换句话说，页面内容结束的地方）并在页面底部进行剪辑（或者如果屏幕空间允许，则根本不要剪辑）。

如果我的问题不够清楚，我可以稍后提供代码链接。

编辑：换句话说，我想知道是否有任何理智的方法可以防止在特定绝对定位元素的底部边缘超出页面底部时出现垂直滚动条。

EDIT2：该网站目前在http://www.ikimark.fi/ikimark_uusi/site可用。 有问题的装饰是右下角的华丽图像。我今天正在编辑该网站，因此代码可能会更改。

4

2 回答 2

1

请提供指向您的项目的链接并尝试使用position:absolute;z-index:9999;

编辑：

好吧，我仍然对您的要求感到困惑。如果您希望华丽图像不覆盖内容下方的太多空间并仅填充页脚的总高度，请overflow: hidden;在您的wrap div. 如果你不想要这个，那么请你解释一下吗？

于 2012-06-05T15:13:47.113 回答
0

尝试使用 overflow-y: hidden 设置底部 div 的绝对高度，如下所示：

<div id="footer" style="height: 4em; overflow-y: hidden"></div>

于 2012-06-08T15:45:24.103 回答