移动图片后，HTML + CSS图片链接将不起作用

基本上我想将我的图片置于我的名字下（在我的网站中，位于屏幕中间）当我移动图片时，链接不再有效，我可以将它向左或向右移动，就像我想要的一样，它可以工作！但上下，它不再有效？移动图片后，HTML + CSS图片链接将不起作用

HTML：

<a href="http://steamcommunity.com/id/clarkycalLad/" target="_blank"> 
    <div class="imgtest"> 
    <img src="/images/steam-icon.png" alt="HTML tutorial" style="width:42px;height:42px;border:0;"> 
    </div> 
</a>

CSS：

.imgtest { 
    position: relative; 
    left: 800px; 
    top: 100px; 
    border: 3px solid #73AD21; 
}

来源

2016-08-04 clarkycal

没有什么不对，因为写。也许你已经把它移到了最顶端，现在还有另一个元素呢？ – VoteyDisciple

它很奇怪，因为这没有意义？我将它移到屏幕中间以下的位置.. – clarkycal

由于我们无法再看到您的网页，因此没有真正的方法可以给出更具体的建议。 – VoteyDisciple

修正：

z-index: 1;

要将图像/链接我的CSS部分

所以才告

.imgtest { 
    position: relative; 
    left: 800px; 
    top: 100px; 
    border: 3px solid #73AD21; 
}

现在它：

我通过增加固定它

.imgtest { 
    position: relative; 
    left: 800px; 
    top: 100px; 
    border: 3px solid #73AD21; 
    z-index: 1; 
}

希望这可以帮助别人！感谢那些试图帮助的人！

来源

2016-08-04 18:25:08 clarkycal

我刚刚得到它：它不是图像不显示;这不是一个链接。

你想这样的：

<div class="imgtest"> 
    <a href="http://steamcommunity.com/id/clarkycalLad/" target="_blank"> 
    <img src="/images/steam-icon.png" alt="HTML tutorial" style="width:42px;height:42px;border:0;"> 
    </a> 
</div>

否则你移动的图像，但不是锚。

来源

2016-08-04 17:13:40 VoteyDisciple

没有工作，为你更新小提琴 – clarkycal

移动图片后，HTML + CSS图片链接将不起作用

回答

相关问题