Question

我想为我的代码创建一个链接图像，以便人们可以点击它，但每当我将代码上传到我的文件时，我都无法点击它。有人可以帮忙吗？这是我的代码：

<!DOCTYPE html>

<html>
<head>
<style>
img.transp {
    opacity: 0.4;
    filter: alpha(opacity=40); 
}
</style>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<title>
Home - Stampycraft.net 
</title>
</head>
<body>
<center> 
<h1> 
<a href="http://facebook.com"><img src="gaoosh.gif" /></a>

</h1> 
</center>
<div style='position:absolute;z-index:0;left:0;top:0;width:100%;height:100%'>
  <img class="transp" src=stampy6.png style='width:100%;height:100%' alt='[]' />
</div> 

</body>
</html>

Answer 1

这是覆盖它：

<div style='position:absolute;z-index:0;left:0;top:0;width:100%;height:100%'>
  <img class="transp" src=stampy6.png style='width:100%;height:100%' alt='[]' />
</div>

删除该代码，你会明白我的意思。

替代方案：

<div style='position:absolute;left:0;top:0;'>
  <img class="transp" src=stampy6.png alt='[]' />
</div>

Answer 2

使用较少的值（例如10％）更改100％，图像隐藏链接，这就是您无法单击它的原因。

Answer 3

事实证明我发现了一个解决方案！＆＃34; z-index＆＃34;我的部分代码是0（这表明它比我的图像具有更高的优先级（gaoosh.gif）。所以，我插入了这个方便的代码片段：

h1{ 
 position: relative; 
top: 30px;
left: 50px;
z-index: 1;

}

瞧！我的图片现在可以点击了。但无论如何，我要感谢所有帮助回答我问题的人。

为什么我不能为我的HTML代码制作可点击链接？

3 个答案: