Jump to content


Photo

Transparent/Invisible Text in IE


  • Please log in to reply
1 reply to this topic

#1 FrOzeN

FrOzeN
  • Members
  • PipPipPip
  • Advanced Member
  • 70 posts

Posted 22 September 2006 - 07:45 AM

Is there a CSS property to make text invisible or completely transparent?
(Note the background I'm using is a fixed image, so making the text the same colour as it is useless.)

<html>
<head>
  <title>example</title>
  <style type="text/css">
    .example {
      filter:alpha(opacity=0);
      -moz-opacity:0;
      opacity:0;
    }
  </style>
</head>
<body>

This text should be visible.<br />
<span class="example">This text should be invisible.</span>

</body>
</html>

The above works fine in firefox but not in Internet Explorer. Anyone know what I need to change to get it to work in both?

[EDIT] Nvm, I found the display:none and visibility:hidden properties.

#2 Daniel0

Daniel0
  • Staff Alumni
  • Advanced Member
  • 11,956 posts

Posted 22 September 2006 - 03:06 PM

You could make it not show up:

display:none;





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users