<!-- [if IE]> для применения полей не применяются стили

Question

Попытка сделать масштабирование iframe, но способ, которым каждый браузер делает это, дает мне проблемы. Это то же самое, что и все, кроме IE, где мне нужно установить поля, чтобы они соответствовали iframes в своих контейнерах.

С IE ему не нужны эти поля, поэтому я хочу установить поля равными 0. Поэтому я делаю оператор условия на основе браузера, но он не хочет анализировать.

<style> 
    #media .audio { 
     margin: -157px -235px -157px -235px; 
     -ms-zoom: 0.5; 
     -webkit-transform:scale(0.5); 
     -moz-transform:scale(0.5); 
     -o-transform: scale(0.5); 
     text-align:center; vertical-align:middle; 

    } 

</style> 
<!--[if IE]> 
<style> 
    #media .audio { 
     margin: 0 !important; 
    } 
</style> 
<![endif]--> 

Я проверил свой синтаксис и все, кажется, в порядке. Есть ли альтернативный метод для этого? Я предполагаю JS/jQuery, но я бы предпочел избежать этого, если мог.

Answer 1

<!--[if IE]> не работает в IE 10+ http://blogs.msdn.com/b/ie/archive/2011/07/06/html5-parsing-in-ie10.aspx?Redirected=true