hover - 悬停在 div 的半径之外

Question

我在将边框半径与悬停状态结合使用时遇到问题。仅当光标位于圆圈顶部时才会发生悬停状态。所以不是当它在 div 的角落时。

示例：http ://tinker.io/e059c

这样做似乎是不可能的，因此欢迎提供有用的解决方法。

Answer 1

从你提到的情况来看，

仅当光标位于圆圈顶部时才会发生悬停状态。所以不是当它在 div 的角落时。

这是工作解决方案。

的HTML：

<div class='test'></div>
<div class="center"></div>

CSS：

.test{
    height:100px;
     width:100px;
    background-color:red;
    border-radius:100px;
    -webkit-border-radius: 100px;  
    -moz-border-radius: 100px;  
    position:absolute;

}

.test:hover{
    background-color:blue;
}

.center{height:90px;
     width:90px;
    background-color:red;
    border-radius:100px;
    -webkit-border-radius: 100px;  
    -moz-border-radius: 100px;  
    position:absolute;
    z-index:99;
    top:5px;
    left:5px;
}

我希望这就是你要找的。希望这可以帮助。