Html 如何在css中获得到节之间的图像

我正在写一页，我被卡住了。（是的，我是初学者：-）

我有一个标题，后面跟着一个小节。我想有标题和部分之间的图片。我已经定位了图像，但它一直“在”标题下，所以你看不到它的一半。我一直在尝试使用z索引，但我想要工作？我的目标是将图片的一半放在标题部分，另一半放在其他部分

有什么建议吗？下面是我代码的开头（为了方便起见，我省略了html）

首先，您应该将图像放在标题部分。使用属性

position:relative

设置标题，为要放置的图像设置

position:absolute

，并设置

bottom:-50%

或

bottom:0px；保证金底部：-50%

<header style="position:relative">
    <img src="#" style="position:absolute; bottom:-50%">

这应该能奏效

---

干杯。

@ixxy83没关系。标记为已回答。

<header style="position:relative">
    <img src="#" style="position:absolute; bottom:-50%">