login  Naam:   Wachtwoord: 
Registreer je!
 Forum

opacity doet niet wat het moet doen... (Opgelost)

Offline UpLink - 20/11/2010 01:15 (laatste wijziging 20/11/2010 01:15)
Avatar van UpLink... Ik zou graag mijn backgroundkleur met opacity een beetje doorzichtig maken...

En dat moet in de main-tabel gebeuren...
Dit is de CSS dieik gebruik:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. TABLE.main
  2.  
  3. {
  4.  
  5. 	font-size: 10px; 
  6.  
  7. 	color: #606060;
  8.  
  9. 	font-family: verdana, Tahoma, Arial;
  10.  
  11. 	width: 100%;
  12.  
  13. 	background: #000000; 
  14.  
  15. 	border: 1px dotted #333333;
  16.  
  17.     opacity: .9;  
  18.  
  19.  
  20. }


Die opacity fade echt ALLES... achtergrond, andere tabellen die in de main tabel staat, tekst, andere afbeeldingen...

Hoe kan ik het zo krijgen dat enkel de achtergrondkleur vervaagt word en niet al de rest?

2 antwoorden

Gesponsorde links
Offline WouterJ - 20/11/2010 11:28 (laatste wijziging 20/11/2010 11:30)
Avatar van WouterJ HTML gevorderde Daar is een CSS3 functie voor: rgba (RedGreenBlueAlpha). rgb spreek voor zich denk ik en bij de a value kun je de opacity voor de achtergrond bepalen.

Dit wordt alleen nog niet ondersteunt in IE.

Bijv.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #box {
  2.  background: rgba(270,0,0,.5); /* Rode achtergrond met een opacity van .5
  3. }
Bedankt door: UpLink
Offline vinTage - 20/11/2010 11:34
Avatar van vinTage Nieuw lid opacity wordt overgeerfd van de parent.
je kan dus bv een transparante png als background-image zetten.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.247s