Css 悬停在溢出隐藏和边界半径错误上
为了解决最近的一个问题,我发现了一个类似Chrome和IE的bug 当我设置了2个div,并且包含的div有border radius和overflow:hidden时,内部div会响应悬停在不应该显示的区域上 在这个片段中,将鼠标悬停在灰色区域。内部div将改变颜色。这在IE和Chrome中发生,但在FF中不发生Css 悬停在溢出隐藏和边界半径错误上,css,google-chrome,internet-explorer,Css,Google Chrome,Internet Explorer,为了解决最近的一个问题,我发现了一个类似Chrome和IE的bug 当我设置了2个div,并且包含的div有border radius和overflow:hidden时,内部div会响应悬停在不应该显示的区域上 在这个片段中,将鼠标悬停在灰色区域。内部div将改变颜色。这在IE和Chrome中发生,但在FF中不发生 .innerw、.innerw2{ 宽度:240px; 高度:240px; 位置:相对位置; 边界半径:50%; } .innerw{ 左:0px; 顶部:0px; 溢出:隐藏;
.innerw、.innerw2{
宽度:240px;
高度:240px;
位置:相对位置;
边界半径:50%;
}
.innerw{
左:0px;
顶部:0px;
溢出:隐藏;
}
.W2{
左:80px;
顶部:0px;
背景颜色:淡绿色;
}
.W2:悬停{
背景颜色:绿色;
}
.2{
左:168px;
顶部:13px;
宽度:79px;
高度:229px;
背景颜色:灰色;
z指数:-1;
位置:绝对位置;
}
我认为这与相对定位有关。如果将相对定位放在.innerw2上,并改用左边距,则不再发生这种情况