login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div transparantie (Opgelost)

Offline starfox - 17/03/2011 21:27
Avatar van starfoxNieuw lid hallo,
Ik heb een gecentreerde div die ik gebruik als main content.
Wat ik nu heb is deze div met daarin nog een div die transparant is. Hierin zet ik een nieuwe div waar dan uiteraard de tekst komt. Probleem is dat de tekst ook transparant is. Hoe lossen jullie dit op?

<div id="c_bodyContent">
<div id="d_bodyContentTransparant">
<div id="e_bodyContentText">
</div>
</div>
</div>

10 antwoorden

Gesponsorde links
Offline vinTage - 17/03/2011 21:34
Avatar van vinTage Nieuw lid je kan de div die over de transparante div moet, absolute positioneren, want transparantie wordt overgeerft van de parent.
Je kan evt ook een transparante png gebruiken als bg.
Offline starfox - 17/03/2011 21:41 (laatste wijziging 17/03/2011 21:45)
Avatar van starfox Nieuw lid inderdaad dat ziet er inderdaad beter uit, maar nu zit mijn tekst onder de transparante box

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #d_bodyContentTransparant {
  2.     background-color: black;
  3. /*     for IE */
  4.     filter: alpha(opacity=20);
  5. /*     CSS3 standard */
  6.     opacity: 0.2;
  7.     -moz-opacity: 0.2;
  8.     height: 580px;
  9.     width: 790px;
  10. }
  11.  
  12. #e_bodyContentText {
  13.     position: absolute;
  14.  
  15. }


Citaat:
code tags aub
Offline vinTage - 17/03/2011 21:46 (laatste wijziging 17/03/2011 21:47)
Avatar van vinTage Nieuw lid nee, ik bedoel dat je een transparante div moet positioneren en daaroverheen de normale, je moet dus beide absoluut positioneren en niet IN elkaar, maar op elkaar.

maar een transparante png als bg is mss net zo makkelijk.
Offline valles10 - 17/03/2011 21:52
Avatar van valles10 HTML interesse
vinTage schreef:
nee, ik bedoel dat je een transparante div moet positioneren en daaroverheen de normale, je moet dus beide absoluut positioneren en niet IN elkaar, maar op elkaar.

maar een transparante png als bg is mss net zo makkelijk.

ja die transparante bg gaat het makkelijkste gaan denk ik...
Offline vinTage - 17/03/2011 21:58
Avatar van vinTage Nieuw lid
valles10 schreef:
ja die transparante bg gaat het makkelijkste gaan denk ik...

makkelijk mss wel, maar aanpassen is weer lastiger, omdat je dan niet een regeltje css moet aanpassen, maar een graphic.
Offline starfox - 17/03/2011 22:11
Avatar van starfox Nieuw lid vinTage,

vinTage schreef:
nee, ik bedoel dat je een transparante div moet positioneren en daaroverheen de normale, je moet dus beide absoluut positioneren en niet IN elkaar, maar op elkaar.


Ik begrijp niet goed hoe ik deze kan positioneren tegenover elkaar. Ik kan toch geef Left: waarde meegeven in css aangezien ik niet weet welke resolutie de eindgebruiker heeft?
Offline valles10 - 17/03/2011 22:14
Avatar van valles10 HTML interesse je kan beginnen prutsen met javascript, browser breedte ophalen, en zo beginnen aftrekken en delen van divs.
Offline vinTage - 17/03/2011 22:15 (laatste wijziging 17/03/2011 22:15)
Avatar van vinTage Nieuw lid Als je de parent div een position relative meegeeft, kan je daarin alles weer absolute positioneren.

edit: @ js solution.... :S
Bedankt door: starfox
Offline WouterJ - 17/03/2011 22:18
Avatar van WouterJ HTML gevorderde Wat je ook kan doen is RGBA gebruiken (Red, Green, Blue, Alpha), dit wordt nog niet ondersteund door IE... :S
Offline Martijn - 18/03/2011 19:18
Avatar van Martijn Crew PHP waarom niet gewoon background: none;?
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s