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>
Often have questions like this?
Learn more efficiently, for free:
