{"id":844,"date":"2009-03-22T15:53:23","date_gmt":"2009-03-22T14:53:23","guid":{"rendered":"http:\/\/www.maratz.com\/blog\/?p=844"},"modified":"2009-03-22T15:55:52","modified_gmt":"2009-03-22T14:55:52","slug":"first-look-at-the-css-support-in-internet-explorer-8","status":"publish","type":"post","link":"http:\/\/www.maratz.com\/blog\/archives\/2009\/03\/22\/first-look-at-the-css-support-in-internet-explorer-8\/","title":{"rendered":"First look at the CSS support in Internet Explorer 8"},"content":{"rendered":"

Internet Explorer 8<\/a> is released last week. The IE team promised the browser will be more standards aware, similar to it’s major competition Firefox<\/a>, Opera<\/a> and Safari<\/a>.<\/p>\n

The trouble is \u2014 designers and developers don’t settle for current minimum, we are always into something new. So, by the time a giant vendor locks the feature list, a more flexible and agile competition goes miles away.<\/p>\n

In the era of rounded corners\/borders and transparency made possible purely with CSS, IE team missed to implement both, or at least in the form that wouldn’t require separate style-sheets files to conform to W3C<\/a> guidelines.<\/p>\n

I checked a few dozens of CSS-based web sites, and I’m not even sure anymore if everything works because developers payed special attention to IE 6 and IE 7, or is it because IE 8 is mature enough to render CSS layouts properly.<\/p>\n

What works, what isn’t working<\/h2>\n

PNGs work without hacking. Rounded corners with CSS not. Text shadow \u2014 no. Alpha transparency is still possible only with proprietary filter property, for instance filter: alpha(opacity=10);<\/code>.<\/p>\n

Naturally, if you want your CSS to validate \u2014 this rule has to be extracted in separate file, preferably with conditional comments<\/a>.<\/p>\n

The old typeface order bug<\/a> is still present, and easy font embedding with @font-face<\/code> doesn’t work either, so if you prefer this method, read how to do it in IE<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"

Internet Explorer 8 is released last week. The IE team promised the browser will be more standards aware, similar to it’s major competition Firefox, Opera and Safari. The trouble is \u2014 designers and developers don’t settle for current minimum, we are always into something new. So, by the time a giant vendor locks the feature […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,18,11],"tags":[],"_links":{"self":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/844"}],"collection":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/comments?post=844"}],"version-history":[{"count":0,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/844\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/media?parent=844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/categories?post=844"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/tags?post=844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}