internet explorer - How to apply IE Fixes for LESS CSS -
my page code is:
<!doctype html> <!--[if lt ie 7 ]><html class="no-js ie6" lang="en"><![endif]--> <!--[if ie 7 ]><html class="no-js ie7" lang="en"><![endif]--> <!--[if ie 8 ]><html class="no-js ie8" lang="en"><![endif]--> <!--[if ie 9 ]><html class="no-js ie9" lang="en"><![endif]--> <!--[if (gte ie 9)|!(ie)]><!--><html class="no-js" lang="en"><!--<![endif]--><head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1"> <link rel="shortcut icon" href="favicon.ico"> <title>blue monday-homepage</title> <!--default style sheet--> <link rel="stylesheet/less" href="css/blue.less" media="screen" type="text/css" title="defaultblue"> <script src="js/less-1.0.21.min.js"></script>
now practical question :
/*ie hack */ .ie8 .headerphone { width:200px; }
above css hack working fine ie8 without:
<meta http-equiv="x-ua-compatible" content="ie=edge">
this meta tag used in header. put meta tag again hack stop working.
is there solution both things work fine together?
less gets compiled css, have make sure compiled css work in internet exploder.
if you're using ie-specific classes, can create mixins target ie, such as:
.inline-block() { display: inline-block; .lt-ie8 & { display: inline; zoom: 1; } }
Comments
Post a Comment