transparent backgrounds for...
Hi Everybody,
I have a container that is on each page of a web site. This container is described in a CSS.
I use a background image ( it's a linear-fill, so it does change from left to right ) set in the <body> tag in the index.php ... yup, I'm getting cocky!
I want this container though, to be have a transparent background and just display the images that I expect to insert.
CSS
#nav {
width:9.688em;
height:42.625em;
/* margin-right:10px;
margin-left:100px;
float:left; */
display:table-cell;
background:transparent; /* Doesn't work */
}
INDEX.PHP
<BODY BACKGROUND="images/background.jpg" text="#000000" alink="#FF0000" vlink="#FF00FF" link="#0000FF"> /* Does work */
<div id="wrapper">
<div id="header">
</div>
<div id="wrapper-inner">
<div id="nav">
<object style="width: 100%; height:100%; border: 0;" data="Nav1.php">
</object>
</div>
How do I tell the NAV container to be transparent so that the background in the <body> tag appears?
Many thanks,
-Paul-
I have a container that is on each page of a web site. This container is described in a CSS.
I use a background image ( it's a linear-fill, so it does change from left to right ) set in the <body> tag in the index.php ... yup, I'm getting cocky!
I want this container though, to be have a transparent background and just display the images that I expect to insert.
CSS
#nav {
width:9.688em;
height:42.625em;
/* margin-right:10px;
margin-left:100px;
float:left; */
display:table-cell;
background:transparent; /* Doesn't work */
}
INDEX.PHP
<BODY BACKGROUND="images/background.jpg" text="#000000" alink="#FF0000" vlink="#FF00FF" link="#0000FF"> /* Does work */
<div id="wrapper">
<div id="header">
</div>
<div id="wrapper-inner">
<div id="nav">
<object style="width: 100%; height:100%; border: 0;" data="Nav1.php">
</object>
</div>
How do I tell the NAV container to be transparent so that the background in the <body> tag appears?
Many thanks,
-Paul-
Thanks, Jo Ann
But I did try that one also.
Right now, the container displays a white background but I'm not too sure why. There should be a color tag ='White', or #000000, or ???
I'll find the &$#@#!
Paul
But I did try that one also.
Right now, the container displays a white background but I'm not too sure why. There should be a color tag ='White', or #000000, or ???
I'll find the &$#@#!
Paul
Do you have to mention the background at all? If nothing is said, it will show the background that is below.
Or try this:
background-color:transparent;
Or, if you want a translucent background, try this:
background: rgba(255, 255, 255, 0.6);
This is white, and the last value, 0.6, tells how opaque or translucent it will be, and it can be adjusted up or down..
Or try this:
background-color:transparent;
Or, if you want a translucent background, try this:
background: rgba(255, 255, 255, 0.6);
This is white, and the last value, 0.6, tells how opaque or translucent it will be, and it can be adjusted up or down..
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Ohhhhhhh, HOT DOG!!!!
I like this Inger, especially because it is modifiable.
Thanks,
-Paul-
I like this Inger, especially because it is modifiable.
Thanks,
-Paul-
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.