{"id":281,"date":"2012-06-20T22:55:08","date_gmt":"2012-06-21T05:55:08","guid":{"rendered":"https:\/\/mmman.itgroove.net\/?p=281"},"modified":"2023-02-24T21:47:02","modified_gmt":"2023-02-24T21:47:02","slug":"ie-only-css-tricks","status":"publish","type":"post","link":"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/","title":{"rendered":"IE-Only CSS Tricks"},"content":{"rendered":"<p>I recently came across a brilliant page on css-tricks.com which details how to make IE-only hacks for CSS.&#160; Now under normal circumstances, it\u2019s best to just write your CSS to the lowest common denominator (ideally W3C standards as much as possible), but when you have to lower yourself to using IE7 (and often even IE8), sometimes it\u2019s best to just use the force, and influence the lesser browser to do your bidding.<\/p>\n<p>The link is here, <a title=\"http:\/\/css-tricks.com\/how-to-create-an-ie-only-stylesheet\/\" href=\"http:\/\/css-tricks.com\/how-to-create-an-ie-only-stylesheet\/\">http:\/\/css-tricks.com\/how-to-create-an-ie-only-stylesheet\/<\/a>.&#160; Check it out, and see just how much easier it can make your \u201ccompatibility with older browsers\u201d.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I recently came across a brilliant page on css-tricks.com which details how to make IE-only hacks for CSS.&#160; Now under normal circumstances, it\u2019s best to just write your CSS to the lowest common denominator (ideally W3C standards as much as possible), but when you have to lower yourself to using IE7 (and often even IE8), &hellip; <a href=\"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/\"><\/a><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>IE-Only CSS Tricks - Archive<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"IE-Only CSS Tricks - Archive\" \/>\n<meta property=\"og:description\" content=\"I recently came across a brilliant page on css-tricks.com which details how to make IE-only hacks for CSS.&#160; Now under normal circumstances, it\u2019s best to just write your CSS to the lowest common denominator (ideally W3C standards as much as possible), but when you have to lower yourself to using IE7 (and often even IE8), &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/\" \/>\n<meta property=\"og:site_name\" content=\"Archive\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-21T05:55:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-24T21:47:02+00:00\" \/>\n<meta name=\"author\" content=\"Colin Phillips (Alumni)\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Phillips (Alumni)\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/\",\"url\":\"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/\",\"name\":\"IE-Only CSS Tricks - Archive\",\"isPartOf\":{\"@id\":\"https:\/\/regroove.ca\/archive\/#website\"},\"datePublished\":\"2012-06-21T05:55:08+00:00\",\"dateModified\":\"2023-02-24T21:47:02+00:00\",\"author\":{\"@id\":\"https:\/\/regroove.ca\/archive\/#\/schema\/person\/adeb0df1cc7a862160be620ca7eace1b\"},\"breadcrumb\":{\"@id\":\"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog Archive\",\"item\":\"https:\/\/regroove.ca\/archive\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"IE-Only CSS Tricks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regroove.ca\/archive\/#website\",\"url\":\"https:\/\/regroove.ca\/archive\/\",\"name\":\"Archive\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regroove.ca\/archive\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/regroove.ca\/archive\/#\/schema\/person\/adeb0df1cc7a862160be620ca7eace1b\",\"name\":\"Colin Phillips (Alumni)\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/regroove.ca\/archive\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/14eeab0d377e9630e0983d9c08911979?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/14eeab0d377e9630e0983d9c08911979?s=96&d=mm&r=g\",\"caption\":\"Colin Phillips (Alumni)\"},\"url\":\"https:\/\/regroove.ca\/archive\/author\/cphillips\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"IE-Only CSS Tricks - Archive","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/","og_locale":"en_US","og_type":"article","og_title":"IE-Only CSS Tricks - Archive","og_description":"I recently came across a brilliant page on css-tricks.com which details how to make IE-only hacks for CSS.&#160; Now under normal circumstances, it\u2019s best to just write your CSS to the lowest common denominator (ideally W3C standards as much as possible), but when you have to lower yourself to using IE7 (and often even IE8), &hellip;","og_url":"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/","og_site_name":"Archive","article_published_time":"2012-06-21T05:55:08+00:00","article_modified_time":"2023-02-24T21:47:02+00:00","author":"Colin Phillips (Alumni)","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Colin Phillips (Alumni)","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/","url":"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/","name":"IE-Only CSS Tricks - Archive","isPartOf":{"@id":"https:\/\/regroove.ca\/archive\/#website"},"datePublished":"2012-06-21T05:55:08+00:00","dateModified":"2023-02-24T21:47:02+00:00","author":{"@id":"https:\/\/regroove.ca\/archive\/#\/schema\/person\/adeb0df1cc7a862160be620ca7eace1b"},"breadcrumb":{"@id":"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/regroove.ca\/archive\/2012\/06\/20\/ie-only-css-tricks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Archive","item":"https:\/\/regroove.ca\/archive\/"},{"@type":"ListItem","position":2,"name":"IE-Only CSS Tricks"}]},{"@type":"WebSite","@id":"https:\/\/regroove.ca\/archive\/#website","url":"https:\/\/regroove.ca\/archive\/","name":"Archive","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regroove.ca\/archive\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/regroove.ca\/archive\/#\/schema\/person\/adeb0df1cc7a862160be620ca7eace1b","name":"Colin Phillips (Alumni)","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/regroove.ca\/archive\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/14eeab0d377e9630e0983d9c08911979?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/14eeab0d377e9630e0983d9c08911979?s=96&d=mm&r=g","caption":"Colin Phillips (Alumni)"},"url":"https:\/\/regroove.ca\/archive\/author\/cphillips\/"}]}},"_links":{"self":[{"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/posts\/281"}],"collection":[{"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/comments?post=281"}],"version-history":[{"count":1,"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/posts\/281\/revisions"}],"predecessor-version":[{"id":1989,"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/posts\/281\/revisions\/1989"}],"wp:attachment":[{"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/media?parent=281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/categories?post=281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regroove.ca\/archive\/wp-json\/wp\/v2\/tags?post=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}