css - 将一个恒定高度的元素部分定位在页面底部的屏幕外

Question

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

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

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

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

编辑:换句话说，我想知道当 a 特定 的底部边缘绝对定位时，是否有任何合理的方法来防止出现垂直滚动条元素越过页面底部。

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

Answer 1

请提供您元素的链接并尝试使用 position:absolute;z-index:9999;

编辑:

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