Question

我正在尝试编辑DotNetNuke网页，我有一张我需要显示的图片。在图像的顶部，我想放置一个锚点。麻烦的是我不希望整个图像可以点击，只是锚点，我似乎无法让它工作。

此外，由于它是DNN网站，我不确定是否可以编辑CSS，所以我希望找到一个纯HTML的解决方案。我尝试了各种各样的组合，但似乎都没有。谢谢

以下是我的测试html：

<div class="c_head h2_title_container">
    <img alt="" width="600" height="151" style="width: 356px; height: 101px;" src="/portals/224/img/blue-arrow-small.png"></img><span style="font-size:     18px;"><a href="mailto:email@email.net?" target="_top"><strong>Name Goes Here</strong></a></span>

    <br></br>

    <p class="team_bio" style="text-align: justify;"><span style="font-size: 16px;">Here is my test text.</span>
    </p>
</div>

Answer 1

你应该能够将父元素设置为position: relative，然后绝对地添加你的锚的父元素：

<div class="c_head h2_title_container" style="position: relative;">
    <img ...></img>

    <div style="... position: absolute; top: 20px; left: 30px;">
        <a href="..." target="_top">...</a>
    </div>

    ...
</div>

如何使用dotnetnuke将锚点叠加在图像顶部

1 个答案: