这是 html:
<div id="panelpic1">
<a href="https://www.google.com/"style="display:block"target="_blank">
</a>
</div>
CSS:
#panelpic1{
content: url(file:///D:/MOHIT/HTML/images.jpg);
float: left;
width: 250px;
height: 150px;
vertical-align: middle;
}
我是这样操作的,但是不行。图片不可点击。怎么办?
最佳答案
<!DOCTYPE html>
<html>
<body>
<span>Open image link in a new tab:
<a href="http://www.google.com" target="_blank">
<img src="D:/MOHIT/HTML/images.jpg" />
</a>
</span>
</body>
</html>
这不是最好的方法。这是使图像可点击的标准方法之一。
<a href="your landing page url">
<img src="your image url" />
</a>
现在,这张图片将在点击时重定向到指定的 URL。
有很多方法可以做到这一点,从上传 S3/dropbox 到使用 FSCollection(仅适用于节点用户)。
因此在您的情况下,您的代码段将如下所示,
<a href="http://www.google.com">
<img src="D:/MOHIT/HTML/images.jpg" />
</a>
关于html - 如何使图像可点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42051528/