How to add opactity in my bg?

 

<tr>
<td colspan="2" background="http://mkt.negocios.iol.pt/abmotor/240314/images/index_07.png" alt"" width="600" height="82"></td>
</tr>

 

Thank you

<div style="background:url(images/slide-5.jpg); height:300px; width:600px">

<table width="100%" border="0" cellspacing="0" cellpadding="5">

<tr>

<td style="background:rgba(240,240,240,0.9);" width="500" height="100">

<ul>

<li>Sample Text 1</li>

<li>Sample Text 1</li>

<li>Sample Text 1</li>

</ul>

</td>

</tr>

</table>

</div>

You cannot modify the opacity of an image using the css code as per my knowledge. Either you can do it in your photo editor or you can use the CSS code for background as i have shown you in the above example. Modify the alpha parameter, this way you can vary the transparency.

I hope this solves your issue

www.xeestudios.com

There is two ways to add transparency in CSS3: With the background property as shown above or with the opacity property:

 

 <td style="opacity: 0.5;" width="500" height="100">

If you have images in your td the opacity value will also apply to them. So you don't need to edit them in an image editor.

There is two ways to add transparency in CSS3: With the background property as shown above or with the opacity property:

 

 <td style="opacity: 0.5;" width="500" height="100">

If you have images in your td the opacity value will also apply to them. So you don't need to edit them in an image editor.

 

I definitely prefer this solution, it's simple quick and easy to remember. Plus it is compact and requires less code so helps with minimizing everything too

 

However; Don't forget that if you are using a stack context ( 'z-index' ) the use of opacity will break the context and things will go mental for you, then you will have some fun!

Do remember that child content will also inherit the opacity attribute.