I'm working on a responsive site and I'm trying a simple solution to stop serving versions of IE below 9 any responsive related CSS because they don't support media queries.
I have one CSS file which I've added to my local.xml like so:
<action method="addItem"><type>skin_css</type><name>css/layout-large.css</name><params>media="only screen and (min-width: 1024px)"</params></action>
That file wont be loaded by older versions of IE because they don't understand media queries, but as these are the larger layout styles those versions of IE need this CSS. A simple solution to this is to link that file from a conditional IE comment, like so:
<action method="addItem"><type>skin_css</type><name>css/layout-large.css</name><params/><if>lt IE 9</if></action>
This is where the problem starts, Magento just renders the IE conditional link and not the other link even though one has parameters and the other an IF statement.
Is there a way to make Magento load the same CSS file (or a JS file thinking about it) twice from the same location?