Это IE и IE6 взломать только с CSS?

Question

<!--[if IE]>
    <style type="text/css">
        #botonHome .contButton p a span{ height:25px; }
        #botonHome .contButton p a span input{ position: relative; bottom:5px; }
    </style>
<![endif]-->

<!--[if IE 6]>
    <style type="text/css">
        #botonHome .contButton p a span input{ display: inline; margin:0px; padding:0px; bottom:0px; height:20px; }                                       
    </style>
<![endif]-->

Наконец-то я смог правильно отобразить кнопку во всех браузерах, но я не хотел бы использовать этот встроенный код в моем HTML-файле.Как я могу решить эту различные реализации CSS для IE, используя только CSS.

Answer 1

Для IE 6 используйте _ символ подчеркивания перед каждым стилем, для IE 7 Используйте * символ звезды перед каждым стилем, а для IE8 и IE9 используйте \0/ перед закрытием стиля с помощью ; символа точки с запятой. Ниже приведен код.

#botonHome .contButton p a span input {  

    /*For IE 6*/
    _display: inline; 
    _margin:0px; 
    _padding:0px; 
    _bottom:0px; 
    _height:20px;

     /*For IE 7*/

    *display: inline; 
    *margin:0px; 
    *padding:0px; 
    *bottom:0px; 
    *height:20px; 

    /*For IE 8 & 9*/

    display: inline\0/; 
    margin:0px\0/; 
    padding:0px\0/; 
    bottom:0px\0/; 
    height:20px\0/;
 }

Answer 2

чтобы обмануть IE6, просто поставьте "_" перед любым свойством, например

   #botonHome .contButton p a span input{  _display: inline; _margin:0px; _padding:0px; _bottom:0px; _height:20px; }

UPDATE:

перейдите по этой ссылке для css IE hacks

Answer 3

Эти условные комментарии очень удобны для обходных решений IE. Я бы использовал их, но не для включения элемента стиля, а для включения файла CSS. Таким образом, вам не нужно добавлять весь стиль на каждую страницу, и вы сможете добавлять другие настройки более просто.