0

I am fairly new to web development so kindly forgive me if it is noob question. I started using compass framework and I noticed that the output contains the following css

SASS

#inline-block {
   @include inline-block;
}

CSS

  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;

I am not sure what this * prefixed css is meant for or what does it do in modern browsers. Chrome, FF and IE edge simply ignores it.

Can someone explain me what it does and how can I stop compass from including non-compliant css in the output.

PS: I looked for it in http://peter.sh/experiments/vendor-prefixed-css-property-overview/ and other similar sites but there is no mention of it. Google let me down, it too simply ignores the prefix

BoltClock
  • 700,868
  • 160
  • 1,392
  • 1,356

1 Answers1

0

It helps to display the site on different version of Internet explorer.

*vertical-align: auto; /*Only works on IE7 and below*/

Also keep in mind:

_vertical-align: auto; /*Only works on IE6 and below*/

You can check this site to learn more: http://webdesignerwall.com/tutorials/css-specific-for-internet-explorer

Eray Balkanli
  • 7,752
  • 11
  • 48
  • 82
  • Thanx! Is there any way to stop compass from including this in output? –  Nov 07 '15 at 19:42
  • I am glad to help. Sorry, I dont know well about compass framework, only css :) – Eray Balkanli Nov 07 '15 at 19:43
  • I found the solution. http://stackoverflow.com/questions/25863370/configure-compass-browser-support-compass-1-x-syntax –  Nov 07 '15 at 20:33