Transparent text

satya - Wednesday, August 26, 2009 10:01:47 AM

css text transparency html

css text transparency html

Search for: css text transparency html

satya - Wednesday, August 26, 2009 10:02:44 AM

Nice examples on image transaprency

Nice examples on image transaprency

satya - Wednesday, August 26, 2009 10:15:36 AM

ie filter opacity text

Search for: ie filter opacity text

satya - Wednesday, August 26, 2009 10:58:29 AM

The following seem to work


<div>
<span class="a">Testing</span><span class="c">Testing</span>
</div>

satya - Wednesday, August 26, 2009 10:58:51 AM

where the classes are


span.a 
{
filter:alpha(opacity=15);  
-moz-opacity:.75;
opacity:.75;
width:200px;
height:200px;
font-size:36;
}
span.c 
{
filter:alpha(opacity=5);  
-moz-opacity:.75;
opacity:.75;
width:200px;
height:200px;
font-size:36;
}

satya - Wednesday, August 26, 2009 10:59:58 AM

ie seem to require a fixed size block of html to work

ie seem to require a fixed size block of html to work

satya - Wednesday, August 26, 2009 11:49:00 AM

See if this works

T e s t i n g

T e s t i n gT e s t i n g

satya - Wednesday, August 26, 2009 11:50:10 AM

Here is the actual code that made this possible


<style>
div.a 
{
filter:alpha(opacity=5);  
-moz-opacity:.75;
opacity:.75;
width:100px;
height:50px;
font-size:20;
}
div.b
{
font-size:20;
}
span.a 
{
filter:alpha(opacity=15);  
-moz-opacity:.75;
opacity:.75;
width:200px;
height:50px;
font-size:20;
}
span.c 
{
filter:alpha(opacity=5);  
-moz-opacity:.75;
opacity:.75;
width:200px;
height:50px;
font-size:20;
}
</style>

<div style="border:solid green">
<div class="b">
<p><span>T e s t i n g</span></p>
</div>
<div>
<p><span class="a">T e s t i n g</span><span class="c">T e s t i n g</span></p>
</div>
</div>