Targetting IE8 in CSS (less)? -
here's css:
.lt-ie8{ body{ display:none!important; } }
here html:
<!--[if lt ie 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if ie 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if ie 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt ie 8]><!--> <html class="no-js"> <!--<![endif]--> <head>
the css doesn't appear target ie7 correctly, know i'm going wrong?
that worked me.
<html> <head> <title></title> <style type="text/css"> .test{ background: green; height: 100px; width: 100px; } </style> <!--[if lt ie 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if ie 7]> <html class="no-js lt-ie9 lt-ie8"> <style type='text/css'> .test{ background: red; } </style> <![endif]--> <!--[if ie 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt ie 8]><!--> <html class="no-js"> <!--<![endif]--> </head> <body> <div class="test"></div> </body> </html>
Comments
Post a Comment