login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Opacity werkt niet

Offline Duikboot - 24/09/2004 22:04
Avatar van DuikbootGrafische gevorderde Ìk heb uit een css script van een site een opacity filter achtig iets gevist wat een plaatje of achtergrond van een tabel bijv. 60 % doorzichtig of zichtbaar maakt. Maar als ik dit in mijn css plak werkt het niet. Ik doe iets fout maar zoveel ervaring heb ik niet met css. Ik zal de codes even geven.

Mijn css:
  1. td, th {
  2. font: 10px verdana;
  3. color: #000000;
  4. font-weight: normal;
  5. .doorzichtig { filter:Alpha(Opacity=60); }
  6. }


Stuk css waar ik de opacityuit heb (code niet compleet, anders veel te lang):
  1. table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFE0; border-color: #CCCCCC #666666 #666666 #CCCCCC; CURSOR: url(cursor.cur); line-height: 15px; }
  2.  
  3. .doorzichtig { filter:Alpha(Opacity=60); }
  4.  
  5. .header { color: #FFFFE0; CURSOR: url(cursor.cur);}
  6. .gastreview { background-color : #000000; color: #999999; font-size: 10px; }
  7. .klein { font-size: 10px; }
  8. a.trailertop { font-size: 10px; color: #CCCCCC; text-decoration:underline; CURSOR: url(cursor.cur);}
  9. .dik { font-size: 13px; font-weight: 800; }

9 antwoorden

Gesponsorde links
Offline Ros - 24/09/2004 22:54
Avatar van Ros HTML interesse Die filter is alleen maar IE compatible.
Offline Duikboot - 24/09/2004 23:25 (laatste wijziging 24/09/2004 23:26)
Avatar van Duikboot Grafische gevorderde Ik gebruik ook IE Met andere browsers word het dan toch genegeerd of ligt dat nu aan mij?

Maar ik heb het idee dat die opacity niet goed staat, maar zou niet weten waar ik hem anders moet laten.
Offline raza - 25/09/2004 04:59
Avatar van raza HTML beginner :|
Offline Fenrir - 25/09/2004 08:12 (laatste wijziging 25/09/2004 08:14)
Avatar van Fenrir PHP expert
  1. td, th {
  2. font: 10px verdana;
  3. color: #000000;
  4. font-weight: normal;
  5. .doorzichtig { filter:Alpha(Opacity=60); }
  6. }

dit kan natuurlijk niet, het moet zo:

  1. td, th {
  2. font: 10px verdana;
  3. color: #000000;
  4. font-weight: normal;
  5. }
  6.  
  7. td.doorzichtig, th.doorzichtig { filter:Alpha(Opacity=60); }


of zo: (nu worden alle td's en th's doorzichtig)

  1. td, th {
  2. font: 10px verdana;
  3. color: #000000;
  4. font-weight: normal;
  5. filter:Alpha(Opacity=60);
  6. }

Offline Gml - 25/09/2004 08:58
Avatar van Gml HTML beginner je hebt ook opacity in Mozilla & FireFox (-moz-opacity)

#transbox {
width: 300px;
margin: 0 50px;
background-color: #FF0000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
}
Offline BladiN - 25/09/2004 13:41
Avatar van BladiN Gouden medailleGouden medaille

Grafische gevorderde
en voor opera gwoon opacity: .5;
Offline Duikboot - 25/09/2004 18:04 (laatste wijziging 25/09/2004 18:06)
Avatar van Duikboot Grafische gevorderde Bedankt, ik zal eens kijken of het zaakje werkt

Maar het is de bedoeling dat het images doorzichtig maakt, die td's en tr's van mij die zie je sowieso niet, wat moet ik dan invullen?
Offline BladiN - 25/09/2004 19:37
Avatar van BladiN Gouden medailleGouden medaille

Grafische gevorderde
img {
....
}

voor alle plaatjes en

img.doorzichtig {
...
}

voor alleen de plaatjes met class=doorzichtig
Offline Duikboot - 25/09/2004 21:02
Avatar van Duikboot Grafische gevorderde Kijk, dat moet ik hebben, bedankt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.244s