+ 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>
3 Respuestas
+ 2
Unfortunally... yes, it seems like an old google chrome bug:
http://stackoverflow.com/questions/16777241/chrome-doesnt-respect-overflow-hidden-when-changing-style-with-hover-pseudo-cl
+ 2
but i face this problem with update google chrome
+ 2
I mean an "old still bug" :'(