background question??

[al_m473]

I have a page set up like this:

=================================================
==================== Header ======================
=================================================

================== Navigation =====================

==Left-col == ======= Middle-col ======= == Right-col ==
==Left-col == ======= Middle-col ======= == Right-col ==
==Left-col == ======= Middle-col ======= == Right-col ==
==Left-col == ======= Middle-col ======= == Right-col ==
==Left-col == ======= Middle-col ======= == Right-col ==

where the left div, middle div and right column divs are all contained in a "content" div.

Can a content background image be specified in the content div that will show
through whatever content is contained in the 3 columns? Right now, nothing shows
through when I specify a background image on the content div.

Al

[pab]

do you have a link to a page?

or could you post the code ?

[Nodster]

Using filter: alpha…works (found it at this link http://www.w3schools.com/Css/css_image_transparency.asp

used

Code:

filter: alpha(opacity=xx)

for IE

and

Code:

filter:alpha (-moz-opacity:xx (decimal))

for other browsers

Code:

#content {color: black; background:url(bkgd.gif) top right no-repeat;}

#left-col {float: left; width: 140px; font-size: 14px;}
#left-col ul {list-style: disc inside;}
#left-col ul li {display: block;}

#middle-col {float: left; width: 580px; margin-left: 20px; filter: alpha(opacity=50; -moz-opacity:0.50;}
#middle-col h3 {text-align: center; margin-bottom: 10px; font-size: 17px; font-style: normal;
color: black; border-bottom: 2px solid #8B0000;}

#right-col {float: left; width: 200px; margin-left: 20px; font-size: 14px; filter: alpha(opacity=50); -moz-opacity:0.50;}

seems to work.

[Author]

Posts