+ 2

CSS overflow:hidden; Problem on Google Chrome ??

it's hover work fine Mozila firefox but not work in chrome. is it's google chrome bug???? Main Problem is overflow hidden. In Chrome overflow hidden but Hover work outside the outer circle.... <!DOCTYPE html> <html> <head> <style type="text/css"> body { background-color: #EFEFEF; } .outer{ position: relative; top: 100px; left: 150px; width: 100px; height: 100px; border: 1px solid red; border-radius: 50%; overflow: hidden; } .ineer{ position:absolute; top: -90px; left: -100px; width: 400px; height: 400px; border: 1px solid red; border-radius:50%; } .ineer:hover{ background-color: red; } </style> </head> <body> <div class="outer"> <div class="ineer"></div> </div> </body> </html>

12th Jan 2017, 9:42 AM
Shafiuddin
Shafiuddin - avatar
3 odpowiedzi
12th Jan 2017, 10:23 AM
visph
visph - avatar
+ 2
but i face this problem with update google chrome
12th Jan 2017, 10:29 AM
Shafiuddin
Shafiuddin - avatar
+ 2
I mean an "old still bug" :'(
12th Jan 2017, 10:30 AM
visph
visph - avatar