是否可以通过＆＃34; border-radius＆＃34;制作修剪过的边框。无法点击？

Question

是否可以通过“border-radius”无法点击修剪边框，还能检测到是否将鼠标悬停在它上面？

Answer 1

一种方法是使包装div和标签也有一个边框半径......

.blackground > div, .blackground > div a {
   border-radius: 100%;
}

.blackground > div a {
    display:block;
}

Answer 2

诀窍是使<a>标签的大小发生变化，因为这是决定点击区域的元素。

所以你可以做到

.backgroud > div > a {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
}

然后删除实际图像上的边框半径（如果需要）。