@@ -13,17 +13,29 @@ .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 } - .boxy-wrapper .top-left { background: url('../images/boxy-nw.png'); } - .boxy-wrapper .top-right { background: url('../images/boxy-ne.png'); } - .boxy-wrapper .bottom-right { background: url('../images/boxy-se.png'); } - .boxy-wrapper .bottom-left { background: url('../images/boxy-sw.png'); } + :root .boxy-wrapper .top-left { background: url('../images/boxy-nw.png'); } + :root .boxy-wrapper .top-right { background: url('../images/boxy-ne.png'); } + :root .boxy-wrapper .bottom-right { background: url('../images/boxy-se.png'); } + :root .boxy-wrapper .bottom-left { background: url('../images/boxy-sw.png'); } - /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ + /* IE6-8 hacks for the border. IE7+8 should support this natively but fails in conjuction with modal blackout bg. */ /* NB: these must be absolute paths or URLs to your images */ - .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); } - .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); } - .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); } - .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); } + .boxy-wrapper .top-left { + #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); + -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png')"; + } + .boxy-wrapper .top-right { + #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); + -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png')"; + } + .boxy-wrapper .bottom-right { + #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); + -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png')"; + } + .boxy-wrapper .bottom-left { + #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); + -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png')"; + } .boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } src/stylesheets/boxy.css 85c4ff43d9ac76e385700959c9137c66e1339102 Robin Whittleton robin@kyanmedia.com http://github.com/jaz303/boxy/commit/4bdbb8fcbb21f4f60e9d28f250c6eb955a51a451 4bdbb8fcbb21f4f60e9d28f250c6eb955a51a451 2009-04-16T06:32:31-07:00 2009-04-16T06:32:31-07:00 Update boxy.css to fix IE7 corners problem in IE8 as well 5c69bd5030c08c4c44bcf53e7d252d6e7406be0b Robin Whittleton robin@kyanmedia.com