Cascading stylesheets/rules error; second box-shadow rule is not recognised. #278

Open
TimGS opened this Issue Aug 1, 2013 · 0 comments

Projects

None yet

1 participant

@TimGS
TimGS commented Aug 1, 2013

I have used PIE on a custom Wordpress theme derived from the 2012 theme.

The 2012 theme has

img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

My own custom theme imports the 2012 theme's stylesheet, and then has:

img, img.wp-post-image { box-shadow: none !important; }

PIE appears to see the first imported box-shadow rule, but not the one in the main stylesheet that overrides this. As such a box-shadow is applied in IE < 9.

The only workaround I found is to comment out the box-shadow rule in the imported stylesheet.

-- Tim.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment