I’ve written a few posts about how to use CSS3 PIE in WordPress and it’s still evolving (first one, most recent one). What I’m using now is shown below: it’s easy, short, and unlike the other two, has never failed to work on occasion.
|
1 2 3 4 5 6 7 8 9 10 11 |
/* Conditional styles for old IE */ add_action( 'wp_enqueue_scripts', 'my_load_styles' ); function my_load_styles() { global $wp_styles; wp_register_style( 'my-ie8', get_stylesheet_directory_uri() . '/css/ie8.css', false, '0.1', 'all' ); $wp_styles->add_data( 'my-ie8', 'conditional', 'IE 8' ); wp_enqueue_style( 'my-ie8' ); wp_register_style( 'my-ie7', get_stylesheet_directory_uri() . '/css/ie7.css', false, '0.1', 'all' ); $wp_styles->add_data( 'my-ie7', 'conditional', 'IE 7' ); wp_enqueue_style( 'my-ie7' ); } |
Related posts:
- Using CSS PIE in WordPress themes, updated In light of the nice comments on my previous post...
- WordPress – only load CSS stylesheets on pages that need them This is a followup to my previous post on adding...
- WordPress – only load plugins on pages that need them The WordPress site I’m working on now (WP 2.9.1) has...
« WordPress 3.3 – plugin issues after update An adaptive version of my business site »
Please can you explain a bit more how it functions and how should we call pie file in css??
thanks for the informative post
PIE makes it possible to use CSS3 linear-gradients, box-shadows, and border-radius in IE 6-9. Learn more about PIE here: http://css3pie.com/about/.
I use PIE in a CSS file called by a conditional comment for each version of IE, but it can be anywhere in your CSS. It looks like this:
div#footer-container, #my-other-element {
position: relative;
behavior: url(/PIE.htc);
}