- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
do you have a link to a page?
or could you post the code ?
Using filter: alpha…works (found it at this link http://www.w3schools.com/Css/css_image_transparency.asp
used
for IE
and
for other browsers
#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.