tags:

views:

57

answers:

7

color: transparent is working in mozilla, but it's not working in IE. what else I can use?

I want to sent font color to transparent.

A: 

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);
xenonite
What's so special about the number 60?
Eric
@Eric: It means 60%. 100% means fully opaque and 0% means fully transparent.
Daniel Trebbien
A: 

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

stephenmurdoch
A: 

You could try the following:

color: rgba(255, 255, 255, 0.5);

0.5 being the opacity.

xil3
RGBA notation is even less likely to work in older IEs than `color: transparent`.
Pekka
RGBA does not work in IE 8 or any previous version: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx
Daniel Trebbien
+3  A: 

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

Daniel Trebbien
+1 Not the best answer to the question, but probably the best solution for the problem.
MvanGeest
@MvanGeest - In question it's not clear is OP need 100% transparency
metal-gear-solid
+2  A: 

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.

Rafael
A: 

If your background is solid color, you can set the font color same as the background-color.

Salman A
A: 

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;
metal-gear-solid