绝对位置从图像中删除超链接。答案

【问题标题】：Position absolute removes hyperlink from image.绝对位置从图像中删除超链接。
【发布时间】：2013-02-20 23:56:37
【问题描述】：

我有以下代码：

<div style="position: absolute; margin-top: 48px; margin-left: 261px;">
    <a href="http://www.somepage.com" target="_blank">
        <?php $image_url='http://www.somepage.com/image.jpg'; ?>
        <img src="<?php echo $image_url;?>">
    </a>
</div>

图像显示和定位正确，并且超链接在没有“位置：绝对”的情况下工作正常，但是当它包含在上面时，链接不起作用。

我绝不是 PHP 程序员，甚至不是程序员。所以我可能在这里遗漏了一些明显的东西？任何帮助将不胜感激。

【问题讨论】：

请发布指向 JSFiddle 或您的工作页面的链接。
jsfiddle 无法解释 php
你知道你的主播的href是“http://www.somepage.com”吗？这不是一个有效的链接，因为双 http://
php页面生成的html是什么？
@Luis html 在我的回答中，如果我们可以获得更多代码/信息，请对其进行编辑以反映任何发现

标签： php html css absolute

【解决方案1】：

Worken ---> 在 localhost 上尝试过也可以正常工作，还有其他问题导致您的问题

代码：

<div style="position: absolute; margin-top: 48px; margin-left: 261px;">
    <a href="http://www.somepage.com" target="_blank">
        <img style = "border:1px solid black;" src="http://www.somepage.com/image.jpg">
    </a>
</div>

附带说明：我觉得它链接到实际页面很幽默

编辑：

很高兴看到你已经想通了，这是我刚刚想到的另一个解决方案：

#logo{
    background-image:url(http://www.somepage.com/image.jpg);
    height:400px;
    width:40px;
}

<div style="position: absolute; margin-top: 48px; margin-left: 261px;">
    <a href="http://www.somepage.com" target="_blank" id = "logo">
    </a>
</div>

【讨论】：

谢谢大家，实际页面在这里：rezzonatormusic.com 所以红色的小日志（红色的 PRS）在正确的位置，如果我删除“位置：绝对”样式它会破坏另一个布局。但是图像上的超链接然后可以工作，而现在却不行。
这是一个 JSFidle jsfiddle.net/MztDQ，它在那里工作，所以有些东西会导致错误，我在 Wordpress 网站的标题上使用它。 z-index（我尝试过）或其他东西会起作用吗？我也玩过溢出但没有运气。
嗨@John_Doe，感谢您查看链接是否指上面的rezzonatormusic，这可能是Godaddy的服务器过载，因为我也无法在您回复的时候通过。我找到了一个几乎可行的解决方案，虽然不是很优雅。我使用的原始代码实际上适用于网站的所有页面，包括超链接，但主页除外。然后我有一个类似的重复代码，显示在主页上，但链接不起作用，只有第一个上方的几个 div。
@Pedro 添加了另一个可能的解决方案。
再次感谢约翰，我将坚持我现在所拥有的东西，因为它花费的时间比我想要的要多得多。如果我能找到我能回答的问题，我必须更经常地找她，并回答几个问题。