Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 悬停在溢出隐藏和边界半径错误上_Css_Google Chrome_Internet Explorer - Fatal编程技术网

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

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; 溢出:隐藏;

为了解决最近的一个问题,我发现了一个类似Chrome和IE的bug

当我设置了2个div,并且包含的div有border radius和overflow:hidden时,内部div会响应悬停在不应该显示的区域上

在这个片段中,将鼠标悬停在灰色区域。内部div将改变颜色。这在IE和Chrome中发生,但在FF中不发生

.innerw、.innerw2{
宽度:240px;
高度:240px;
位置:相对位置;
边界半径:50%;
}
.innerw{
左:0px;
顶部:0px;
溢出:隐藏;
}
.W2{
左:80px;
顶部:0px;
背景颜色:淡绿色;
}
.W2:悬停{
背景颜色:绿色;
}
.2{
左:168px;
顶部:13px;
宽度:79px;
高度:229px;
背景颜色:灰色;
z指数:-1;
位置:绝对位置;
}

我认为这与相对定位有关。如果将相对定位放在.innerw2上,并改用左边距,则不再发生这种情况