#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2007
    Posts
    12
    Rep 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.

    <!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>
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2007
    Posts
    12
    Rep Power
    0
    Fixed.

    Amazing forums.

    Copied this

IMN logo majestic logo threadwatch logo seochat tools logo