March 29th, 2012, 02:14 PM
|
|
Registered User
|
|
Join Date: Aug 2007
Posts: 12
Time spent in forums: 4 h 35 m 28 sec
Reputation Power: 0
|
|
|
Transparency Issue
Hi,
I have been trying to get this to work for a long time.
It is a table with a 30% transparency fill and white text.
Except the text always comes across as transparent also.
Please can anyone help to make this work.
Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Transparency Test</title>
<style type="text/css">
.box {
background-color: grey;
opacity:0.3;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
}
.text {
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
float: center;
font-size: 16px;
color: #ffffff;
width: 100;
font-style: bold;
}
</style>
</head>
<body bgcolor="black">
<table width="200">
<tr>
<td class="box" align="center" >
<p class="text"> Testing </p>
</td>
</tr>
</table>
</body>
</html>
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
