[hinkel11]

Hallo,

Auf der unten angegebenen Seite habe ich folgendes Problem. Ich habe mir einen Tooltip zusammengebastelt, wobei ich die Box etwas Transparenz gegeben hab. In der untersten Zeile vom Tooltip, d.h. dort wo steht "Fan von:.." ist es nun so, dass der Text dahinter ebenfalls transparent ist. Kann ich dies irgendwie vermeiden?

Hier die Seite:
Team

Hier der CSS-Code vom tooltip:

.center {
align: center;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/*
span span {
display:none;
}

span:hover span {
display:block;
position:absolute;
right:1100px;
top:155px;
} 
*/

a.tooltip{		
/*	border-bottom: 1px dashed green; */
	text-decoration: none;
}

a:hover.tooltip{ 
	padding: 0;

} 

.tooltip:hover span span{
        display: block;
}

.tooltip span{	
	position: absolute;	
	text-decoration: none;	
}

.tooltip span span{ 
	display: none;	
	position: absolute;
	background-color: #000000; 
	border: 1px solid #3a3a3a;	
	color: black;
	text-decoration: none;
	width: 200px;
	opacity: 0.9;
	-moz-border-radius:3px;
	bottom: 100px;
	left: 60px;
} 

.table {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: 100;
	position: relative;
}

   DIV.shadow5 IMG {
   border: 0px solid #666;
   display:block;
   position: relative;
   -moz-opacity:0.67;
   }

   DIV.shadow5:hover IMG {
   -moz-opacity:1;
   }