悬停在div的半径之外

Question

我在使用border-radius和悬停状态时遇到问题。 仅当光标位于圆圈顶部时才会发生悬停状态。所以不是当它在div的角落里。

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

似乎不可能这样做，所以欢迎有用的解决方法。

Answer 1

根据你的提及，

  

只有当光标位于顶部时才会发生悬停状态   圈。所以不是当它在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;
}

我希望这就是你要找的东西。希望这会有所帮助。