{"id":888,"date":"2009-09-21T09:20:43","date_gmt":"2009-09-21T14:20:43","guid":{"rendered":"http:\/\/crysodenkirk.com\/blog\/?p=888"},"modified":"2009-09-21T09:25:42","modified_gmt":"2009-09-21T14:25:42","slug":"calling-all-valid-css-browser-hacks","status":"publish","type":"post","link":"https:\/\/crysodenkirk.com\/blog\/2009\/09\/calling-all-valid-css-browser-hacks\/","title":{"rendered":"Calling all valid CSS &#8220;browser hacks!&#8221;"},"content":{"rendered":"<p>I don&#8217;t like to use css hacks. I do use them. In point of fact, I maintain <a href=\"https:\/\/crysodenkirk.com\/blog\/reference\/tricks\/\">a small list of css hacks<\/a> so I can easily reference them. But I don&#8217;t like them. Except for the last one on that list, which I think I&#8217;ve used twice total, all those &#8220;hacks&#8221; are actually valid css that simply hook into Explorer&#8217;s irregular DOM and different levels of selector support to target cases that only exist in one browser or another.<\/p>\n<p>Enter IE8 several months ago. Setting aside the fact that I can&#8217;t even get the damn thing to run without going through an initial &#8220;start -> erase all preferences -> close -> start -> close the &#8216;you need to customize!&#8217; window by clicking the X not the ok or it blows up -> open a new tab -> close the first tab&#8221; route (yes, I&#8217;ve done a clean install and tried trashing my prefs), once I finally get to it for testing, I find that its &#8220;Compatibility&#8221; and &#8220;IE7&#8221; rendering is occasionally off of IE7, and the IE8 rendering is different from IE6, IE7 or Firefox&#8230;<\/p>\n<p>And so far, all I&#8217;m seeing for css hacks is invalid css code. Anyone out there yet found a css hack that targets only ie8 that&#8217;s <strong>valid<\/strong> css? Any way to target its modes in a way that would distinguish IE7 from IE8 Compatibility or IE8&#8217;s version of IE7?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I don&#8217;t like to use css hacks. I do use them. In point of fact, I maintain a small list of css hacks so I can easily reference them. But I don&#8217;t like them. Except for the last one on &hellip; <a href=\"https:\/\/crysodenkirk.com\/blog\/2009\/09\/calling-all-valid-css-browser-hacks\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[62],"class_list":["post-888","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-css","web-design"],"_links":{"self":[{"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/posts\/888"}],"collection":[{"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/comments?post=888"}],"version-history":[{"count":3,"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/posts\/888\/revisions"}],"predecessor-version":[{"id":891,"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/posts\/888\/revisions\/891"}],"wp:attachment":[{"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/media?parent=888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/categories?post=888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/crysodenkirk.com\/blog\/wp-json\/wp\/v2\/tags?post=888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}