Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
michael@0 | 1 | <!DOCTYPE html> |
michael@0 | 2 | <html><head> |
michael@0 | 3 | <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> |
michael@0 | 4 | <title>Border radius issue demo</title> |
michael@0 | 5 | <style type="text/css"> |
michael@0 | 6 | .testClass { |
michael@0 | 7 | width: 100px; |
michael@0 | 8 | height: 100px; |
michael@0 | 9 | margin: 20px; |
michael@0 | 10 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAADdJREFUWEftzTERACAMADH8VAH+hRUXz5K77Dl39gtxRpwRZ8QZcUacEWfEGXFGnBFnxBlxZPYBKVqrOft7R9EAAAAASUVORK5CYII=); |
michael@0 | 11 | border-radius: 50px; |
michael@0 | 12 | background-size: contain; |
michael@0 | 13 | /* Adding compatibility attributes for cross-browser comparison |
michael@0 | 14 | Issue repros fine with just transform set. */ |
michael@0 | 15 | -moz-transform: translate(0,0); |
michael@0 | 16 | -ms-transform: translate(0,0); |
michael@0 | 17 | -webkit-transform: translate(0,0) |
michael@0 | 18 | transform: translate(0,0); |
michael@0 | 19 | } |
michael@0 | 20 | </style> |
michael@0 | 21 | </head> |
michael@0 | 22 | <body> |
michael@0 | 23 | <div class="testClass"></div> |
michael@0 | 24 | </body></html> |