4 Replies - 15583 Views - Last Post: 21 January 2007 - 06:01 AM

#1 matt-the-mash  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 122
  • Joined: 10-July 06

Transparent background colour on pop out menu

Posted 06 January 2007 - 09:23 AM

I have a pop out menu in CSS which works fine.

The problem is the background colour to the cell's are transparent when they open over another element on the page, allowing the text underneath to clash with the menu text.

Can anybody help?
Is This A Good Question/Topic? 0
  • +

Replies To: Transparent background colour on pop out menu

#2 BetaWar  Icon User is offline

  • #include "soul.h"
  • member icon

Reputation: 1104
  • View blog
  • Posts: 6,913
  • Joined: 07-September 06

Re: Transparent background colour on pop out menu

Posted 06 January 2007 - 04:03 PM

Try something like so:

<style>
table.whatever{
background: #eee;
}
td.whateverRow{
background: #eee;
}
</style>



That will add a background color to both the table and the table rows, so the problem should be no more.

PS:
Edit the 'whatever' to the class name of the table and table rows respectively

This post has been edited by BetaWar: 06 January 2007 - 04:04 PM

Was This Post Helpful? 0
  • +
  • -

#3 matt-the-mash  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 122
  • Joined: 10-July 06

Re: Transparent background colour on pop out menu

Posted 08 January 2007 - 12:48 PM

here is my code for my menu. I have colours in the cells, but they are transparent.

#menu {
width: 9em;
background: #eee;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 10px/15px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px 2px;
}

#menu h2 {
color: #fff;
background: #B9B3E0;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #D7D3F0;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #A9B5E0;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 90%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



Was This Post Helpful? 0
  • +
  • -

#4 Speechist  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 1
  • View blog
  • Posts: 97
  • Joined: 02-December 04

Re: Transparent background colour on pop out menu

Posted 19 January 2007 - 11:04 PM

You might want to try messing with the opacity level via your CSS:

background: transparent;
background-color: #FEFFE6;
opacity: .8;
filter:alpha(opacity=80);
Was This Post Helpful? 1

#5 Arbitrator  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 51
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Re: Transparent background colour on pop out menu

Posted 21 January 2007 - 06:01 AM

View Postmatt-the-mash said:

The problem is the background colour to the cell's are transparent when they open over another element on the page, allowing the text underneath to clash with the menu text.
So why donít you just assign the cells a background color?
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1