Question

这是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;               
           }

这是我做的方式，但它不起作用。图像无法点击。请帮忙

Answer 1

＆＃13;

<!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>

＆＃13;

这不是最好的方法。这是使图像可点击的标准方法之一。

<a href="your landing page url">
 <img src="your image url" />
</a>

现在，此图片会在点击时在指定的网址上重定向到您。

有很多方法可以将S3 / dropbox上传到使用FSCollection（仅限节点用户使用）。

因此，在您的情况下，您的代码段将如下所示，

<a href="http://www.google.com">
 <img src="D:/MOHIT/HTML/images.jpg" />
</a>

如何在html中使图像可点击

1 个答案: