Using WordPress’ wp_enqueue_style() With Conditionals

Posted: January 7, 2010 in Uncategorized

Since I always seem to lose track of the ticket where Ozz explains how to do this, putting it here for posterity. When using wp_enqueue_style you may need to use CSS conditional comments to work around IE bugs. Here’s the code to add a style for IE 7 named ie7.css located in the root of the theme:

wp_enqueue_style(
   'ie7-style',
   get_template_directory_uri() . '/ie7.css'
);
global $wp_styles;
$wp_styles->add_data( 'ie7-style', 'conditional', 'lte IE 7' );

Advertisement
Comments
  1. Ryan says:

    Wow! I had no idea that was possible. I decided a long time ago that it was impossible and had many “experts” confirm as such. I guess we were all wrong then!

    Thanks very much for the code snippet :D

  2. Mark says:

    Wow this is great. So simple.

    Is it possible to do this with external javascript files as well?

  3. For WordPress scripts (js) a similar solution is possible:

    1) Seek WordPress trac note -> http://core.trac.wordpress.org/ticket/16024#comment:1

    2) So now we can have this condtional (wp_enqueue_script):

    add_data( 'pngfix-handle', 'conditional', 'IE 6' ); ?>

Leave a Reply

Please log in using one of these methods to post your comment:

Gravatar
WordPress.com Logo

Please log in to WordPress.com to post a comment to your blog.

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s