Leave td with transparent background

Question

How do I make a bgcolor transparent without using STYLE?

I can only use bgcolor on the part, to make no mistakes!! many browsers do not render the style.

Being email marketing I can not use stylesheet, I have to apply all the inline css, know some way to insert the effect of transparency inline?

 <tr>
            <td width="246" height="200" align="center">
               <a href="#" target="_blank">
               <img src="images\foto.jpg" width="200" height="200" border="0" /></a>
            </td>
 </tr>

Answer 1

Apply background-color to a style attribute:

<td style="background-color: rgba(123, 123, 123, 0.5)">

The value 0.5 is the amount of transparency you want to put into the color. It varies between 0 (totally transparent) and 1 (without transparency). The other values are the amount of R (red), G (green) and B (blue), which vary between 0 and 255.

I did a test using the attribute bgcolor, but apparently it only works with the function rgb() (does not work with the rgba()).

HTML code:

<div style="background-color: blue">
    <table style="background-color: rgba(123,123,123,0.7)">
        <tr>
            <td>asdasda</td>
        </tr>
    </table>

    adasdasd
</div>

Example in jsFiddle: http://jsfiddle.net/4V5Sz/

Answer 2

If I understand the question correctly, you can use background-color:rgba();, example:

<table style="background:#666;">
<thead>
    <tr>
        <th>Coluna 1</th>
        <th>Coluna 2</th>
        <th>Coluna 3</th>
    </tr>
</thead>
<tbody>
    <tr style="background:blue;">
        <td>dado</td>
        <td style="background-color:rgba(102,102,102,1);">dado</td>
        <td>dado</td>
    </tr>
    <tr>
        <td>dado</td>
        <td>dado</td>
        <td>dado</td>
    </tr>
    <tr>
        <td>dado</td>
        <td>dado</td>
        <td>dado</td>
    </tr>
</tbody>

See online example: Jsfiddle

Answer 3

opacity:0.4;filter:alpha(opacity=40);

<table style="background-image:url('images_teste/1.jpg');opacity:0.4;filter:alpha(opacity=40);">
      <tr>
        <td>2</td>
        <td>&nbsp;</td>
      </tr>
    </table>

For IE8 I tagged filter:alpha(opacity=40); Basically the CSS inline and external code is the same, you put everything on the line, separating by ; "semicolon"

source: http://www.w3schools.com/css/css_image_transparency.asp