2015-04-07 88 views
1

試圖解決一個最近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>

我想知道的方式來避免這種錯誤。

回答

1

我認爲這與相對定位有關。如果刪除.innerw2上的相對位置,並使用margin-left,則不再發生此情況。

相關問題