hover - 悬停在div半径之外

我在结合使用边界半径和悬停状态时遇到问题。
悬停状态仅应在光标位于圆的顶部时发生。因此，当它位于div的角落时不会。

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

似乎不可能做到这一点，因此欢迎一个有用的解决方法。

最佳答案

根据您所说的，


  悬停状态仅应在光标位于
  圈。因此，当它位于div的角落时不会。


这是WORKING SOLUTION。

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

我希望这是您要寻找的。希望这可以帮助。

关于hover - 悬停在div半径之外，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17230990/