javascript - 无法运作，包含图片的可点击div

我正在尝试使包含图像可点击的div。我已经尝试了Hyperlinking an image using CSS上的所有技术（并承认它实际上不应在CSS中完成），并且还在其他地方寻找任何线索。

起初我以为是因为我没有将div的大小设置为图像的大小，但是我仍然无法使它起作用。

任何想法，将不胜感激。我正在尝试的页面位于此处：http：// ...，即，尝试使灯塔图形可点击（使用任何技术）。

最佳答案

您只需要用padding-left属性中的margin-left将div上的id="pagetext"更改为style，一切都会正常。

<div id="pagetext" class="animated bounceInDown" style="width: 50%; margin-left: 25%; padding-top: 10px; text-align: center;">
<div class="line"></div>
    <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p>
    <br>
    <br>
    <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p>
    <br>
    <br>
    <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p>
    <br>
    <br>
    <p style="line-height: 20px; margin-top: 10px; margin-bottom: 10px; text-align: justify;"></p>
    <div class="line"></div></div>