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

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -