846144-1-ref.html (917B)
1 <!DOCTYPE html> 2 <html><head> 3 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 4 <title>Border radius issue demo</title> 5 <style type="text/css"> 6 .testClass { 7 width: 100px; 8 height: 100px; 9 margin: 20px; 10 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAADdJREFUWEftzTERACAMADH8VAH+hRUXz5K77Dl39gtxRpwRZ8QZcUacEWfEGXFGnBFnxBlxZPYBKVqrOft7R9EAAAAASUVORK5CYII=); 11 border-radius: 50px; 12 /* Adding compatibility attributes for cross-browser comparison 13 Issue repros fine with just transform set. */ 14 transform: translate(0,0); 15 -ms-transform: translate(0,0); 16 -webkit-transform: translate(0,0) 17 transform: translate(0,0); 18 } 19 20 </style> 21 </head> 22 <body> 23 <div class="testClass"></div> 24 </body></html>