color: transparent is not working in Internet Explorer

color: transparent is working in Firefox, but it's not working in Internet Explorer. What else I can use to make the font color transpare开发者_如何学Gont?

According to CSS spec the color property doesn't have transparent value defined, so IE behavior is correct. If you want to have invisible element, use visibility: hidden.

Use

rgba(112, 112, 112, 0.5)

where 0.5 is opacity level instead of

#hexcodes

I would use visibility: hidden. The element will take up the same space, but it will be invisible. visibility is supported in IE 5+ as well as all major browsers.

See: CSS Compatibility and Internet Explorer

well - browsers interpret many things differently... the ie is the worst case in this scenario... you will see ^^ even different versions of the same browser will react differently!!! so it is important that you tell us, which exact version of ie you mean!

in your case: try

filter: alpha(opacity=60);

use ie filters http://www.ssi-developer.net/css/visual-filters.shtml

You can use this technique

http://www.expression-web-designer-help.com/expression_web_helpTrans.htm

set transparency according to your needs

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;