如何使我的 html 网站中的图片可点击？

Question

我正在尝试建立一个网站，但我对 html 有点陌生，不知道如何使图片可点击。

<div class="portfolio-img-background" style="background-image:url(Images/Dirt.jpg)">
                    
                </div>

这就是我显示图像的方式，因为我稍后会更改 css 中的 te 样式。 所以我想知道我需要添加什么才能使这张图片可点击。 预先感谢您的任何帮助！

我的整个代码： https://pastebin.com/uiHH4vdB

很抱歉没有正确指定可点击。 我需要它做的是当我单击需要打开/ go 到另一个 html 文件的图片时。

Answer 1

试试这个脚本： <a href="your landing page url"> <img src="your image url" /> </a>

Answer 2

如果您想坚持使用背景解决方案，您可以按照处理鼠标悬停的方式进行操作：

porfolioItem.addEventListener('click', () => {
   console.log('click');
})

Answer 3

您可以像这样使用 jQuery

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
// put this on head or after </body>

然后

<script>
$('.portfolio-img-background').click(function() {
    // do something here
})
</script>