div transparant maar table niet..maar hoe?

[phobia]

Ik maak een div aan die doorzichtig is met

.div {
		filter: alpha(opacity=70); // IE syntax 
			-moz-opacity: .70; // Mozilla 
			opacity: .70; // De rest;
		text-align: center;
		color: white;
}

Maar in die div maakt ik een tabel aan om foto's in weer te geven. en die Tabel wil ik niet doozichtig hebben. ik heb al geprobeerd om een class te maken

.tabel {
		filter: alpha(opacity=100); // IE syntax 
			-moz-opacity: 1; // Mozilla 
			opacity: 1; // De rest;
		text-align: center;
		color: white;
}

maak het blijft doorzichtig. wat doe ik fout of hoe kan ik het goed doen?

Na nog meer googlen ben ik er achter gekomen dat een element in de transparante div de instelling van de viv overneemt
een child in een parent kun je niet veranderen.

 

[That Guy]

Een paar dingen:

.div {
		filter: alpha(opacity=70); // IE syntax 
			-moz-opacity: .70; // Mozilla 
			opacity: .70; // De rest;
		text-align: center;
		color: white;
}

je hoeft geen '-moz-opacity' te gebruiken. Firefox hoger dan 3 werkt met 'opacity', dus dat kan je weg laten.

Transparancy wordt inderdaad door alle childs ge-inherent. Daar kan je verder niets aan doen. Wat je eventueel kan doen is met position:absolute over elkaar heen gaan werken, maar dat is niet practisch.

In jou geval zou ik zoiets doen:

<... pagina ...>

<div class='div'>
   text enzo
   <...>
</div>
<table>
   <...table inhoud ...>
</table>
<div class='div'>
   text enzo
   <...>
</div>

Gewoon je tabel buiten je div houden
​

:thumb:

 

[csshunter]

Hoi,
ik zou ook even de commentaar-aanduidingen in de gaten houden:

• In CSS/stylesheets gebruik je: /* commentaar ... commentaar */
  (met de afsluitende */)
• In javascript kan je // gebruiken: // alles hierachter op deze regel is commentaar
  (er is geen afsluiting nodig)
• Voor commentaar over meerdere regels kan je in javascript (behalve steeds opnieuw //) ook de begin- en eind notitie nemen:
  /* commentaar
  ... commentaar
  */
• Maar in CSS is de // ongeldig en kan dat de er op volgende styles verstoren!

Met vriendelijke groet,
CSShunter