sharris_glascol
asked on
Website Div Question
I have a div that is basically a rectangle with a grey color, and then on top of that I have another div that I have a logo on top of that. I want to make the first div have transparency so I add that code to the css file and it is making both the rectangle and the logo transparent. HELP!!!!
here is my code below.
HTML
<span><div id="box">
<div id="logo" align="center"><img src="images/logo.png" />
<span class="family">Loggers is a family owned and operated busincess since 19??. We Specialize in Indiana Hardwood Lumber </span> </div>
-------------------------- ---------- ---------- ---------- ---------- ---------- --------
CSS
#box {height:470px;
width:250px;
background-color:#CCCCCC;
position:fixed;
margin-top:0 auto;
margin-left:100px;
-ms-filter:“progid:DXImage Transform. Microsoft. Alpha(Opac ity=90)”;
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity:0.8;}
here is my code below.
HTML
<span><div id="box">
<div id="logo" align="center"><img src="images/logo.png" />
<span class="family">Loggers is a family owned and operated busincess since 19??. We Specialize in Indiana Hardwood Lumber </span> </div>
--------------------------
CSS
#box {height:470px;
width:250px;
background-color:#CCCCCC;
position:fixed;
margin-top:0 auto;
margin-left:100px;
-ms-filter:“progid:DXImage
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity:0.8;}
Is there any chance you could provide a link to the page?
you can use a transparent png file for the background of your div. The CSS transparency works exactly as you see it.
ASKER
www.digitalministriesdesign.com/Loggers
the image takes a bit to load I am working on that.. Also any help with getting the Box where the logo is to be 1 piece instead of 2 pieces above the menu bar would be much appreciated.
the image takes a bit to load I am working on that.. Also any help with getting the Box where the logo is to be 1 piece instead of 2 pieces above the menu bar would be much appreciated.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.