Question

嗨，我不确定这项技术的名称是什么，我很难正确描述所以我也找到了一个显示我的目标效果的图像。

请注意电缆是如何重叠页脚的？

我试图通过浮动到页脚div右侧的小字符图像来实现这一点，我的问题是向下扩展以适应图像（因为它应该正常工作），我希望它在哪里不要扩展它包含的高度，而是在这张图片中显示为向上和“过度”。

我想不出更好的方式来描述我的问题，也不能出于同样的原因使用谷歌。

我没有包含代码，因为除了简单地位于页面底部的页脚总是高度为100px并且字符图像位于此div之内时，它没有包含代码，只有一个高度向右浮动150px。

所需效果的图像绿色框是页脚div

遵循Alvaro的建议后我

fake code needed to link to JSFIDDLE

如何将页脚重新打开，使其再次位于页面的最底部？由于我所瞄准的效果现在正在发挥作用，我担心改变定位并将其全部搞砸，或者这应该是一个新问题吗？

到目前为止，非常感谢你的帮助。（问题标记为回答，因为我不想让回答者（sp？）等待，但仍然存在差距的相同问题）

Answer 1

他们可能会使用position:absolute;并设置bottom或top属性来使用相对于页脚的绝对定位元素。

Answer 2

您有几个选择。

最好的可能是制作包含div [{1}}和图像position:relative - 其中X是您希望它重叠的像素数。然后使用position:absolute; top:-Xpx或right:将其定位到您想要的任何一方。

另一种方法是将图像作为页脚的背景，并通过它实际上成为图像的一部分来强制重叠效果。

Answer 3

根据Alvaro的说法，还要添加z-index:999;