transparent backgrounds for...

User 2168940 Photo


Registered User
49 posts

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-
User 38401 Photo


Senior Advisor
10,951 posts

try

background: none;
User 2168940 Photo


Registered User
49 posts

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
User 122279 Photo


Senior Advisor
14,646 posts
Online Now

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..

Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2168940 Photo


Registered User
49 posts

Ohhhhhhh, HOT DOG!!!!
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.