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>
Costuma ter perguntas como essa?
Aprenda de maneira mais eficiente, de graƧa:
