Question

我的图片在悬停时反弹，但我希望用户也能够点击图片并被带到另一个网站。我需要更改代码才能使其正常工作？

.my-custom-control { background: url('my-image.png'); 
background-size: 150px 150px;
background-repeat: no-repeat;
background-position: center;
background-clip: border-box;
transition: background-size 0.2s;
-webkit-transition: background-size 0.2s;
transition-timing-function: cubic-bezier(.05,1.2,.72,1.2);
display: inline-block; 
width: 200px; 
height: 200px; 
}
.my-custom-control:hover {
    background-size: 200px;
}

Answer 1

将图像包装成锚标记......

<a href="http://www.yahoo.com"><img src="" class="my-custom-control"></a>

使用CSS将onclick链接事件添加到图像

1 个答案: