How to add background transparency in html?

Question

Ok, so i''ve been working for a while on my chatango profile, which basically let's you put in any html code and make your profile into anything. There are limits, like how the only way to have buttons is to use an embed code and such, but that's beside the point.
On my profile, i have a table with a background image. However, no matter which font color i choose, it's hard to read. I really doubt it, but is there a way to make the background image semi transparent? (the background image is a linked url by the way) Or maybe there's a way to add a semi transparent white background to each individual cell.

Also, please don't use coding expressions that those who don't code wouldn't know. I've gotten progress on my profile after scanning many forums and html code tutorials. I'm still in the process of learning this stuff; I don't know it very well yet.

Answer 1

Transparency is also called 'alpha'.



For Internet Explorer, you add filter:alpha(opacity=%age) to the style rules

For Gecko browsers (such as Firefox and Chrome), use opacity:[0.0 to 1.0]



For example, for an image with 70% opacity, use this code:



This means it'll work with most Internet browsers.



Or you can use CSS to declare the style.

HTML:



CSS:

.translucent {

filter:alpha(opacity=70);

opacity:0.7;

}

Answer 2

i don't think its much difficult task. try this

This table has a red transparent background image

Answer 3

Try this code it always worked for me(only for notepad)




BGCOLOR="#AAAAFF"

BACKGROUND="../graphics/bgtest.gif"

TEXT="#000000"

LINK="#0000FF"

VLINK="#FF66FF"

ALINK="#FF0000"

>