悬停溢出隐藏和边界半径错误

试图解决一个最近question，我发现了什么样子了Chrome和IE漏洞。悬停溢出隐藏和边界半径错误

当我设置2名的div和含div有边界半径和溢出：隐藏，内格正在响应悬停在不应该

在这个片段区域中，悬停灰色区。内部div会改变颜色。这发生在IE和Chrome，但不是在FF

.innerw, .innerw2 { 
 
    width: 240px; 
 
    height: 240px; 
 
    position: relative; 
 
    border-radius: 50%; 
 
} 
 

 
.innerw { 
 
    left: 0px; 
 
    top: 0px; 
 
    overflow: hidden; 
 
} 
 

 
.innerw2 { 
 
    left: 80px; 
 
    top: 0px; 
 
    background-color: palegreen; 
 
} 
 

 

 
.innerw2:hover { 
 
    background-color: green; 
 
} 
 

 
.inner2 { 
 
    left: 168px; 
 
    top: 13px; 
 
    width: 79px; 
 
    height: 229px; 
 
    background-color: grey; 
 
    z-index: -1; 
 
    position: absolute; 
 
}

<div class="innerw"> 
 
<div class="innerw2"> 
 
</div> 
 
</div> 
 
<div class="inner2"></div>

我想知道的方式来避免这种错误。

来源

2015-04-07 vals

我认为这与相对定位有关。如果删除.innerw2上的相对位置，并使用margin-left，则不再发生此情况。

来源

2015-04-07 21:24:34 TheLeggett

悬停溢出隐藏和边界半径错误

回答

相关问题