login  Naam:   Wachtwoord: 
Registreer je!
 Forum

css fout; opacity?

Offline mathiasB - 25/08/2007 12:10 (laatste wijziging 25/08/2007 12:10)
Avatar van mathiasBHTML interesse Ik ben al een tijdje bezig een webpagina zo te maken dat de css en html correct zijn (werd speciaal gevraagd) nu wil ik die css valideren (Link) maar nu zegt hij dat deze attributen fout zijn:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. -moz-opacity:.75;
  2. opacity:.75;

Nu heb ik deze gebruik om een kleine transparantie aan te brengen bij een bepaald script ik heb deze beide nodig zodat het in IE en FF zou werken. Kan ik dit op één of andere manier oplossen, bijvoorbeeld door het niet leesbaar de maken door de w3c validator ofzo...??

7 antwoorden

Gesponsorde links
Offline Wim - 25/08/2007 13:45
Avatar van Wim Crew algemeen van google:
Citaat:
Uw zoekbewerking - -moz-opacity - heeft geen overeenkomstige documenten opgeleverd


dat moet je denk ik veranderen.... Voor moz-opacity krijg ik ong 350.000 resultaten
Offline timmie_loots - 25/08/2007 17:27
Avatar van timmie_loots PHP gevorderde Als je die styles met javascript zet is de CSS valid, maar dat is natuurlijk het knulligste wat je kunt doen, omdat je CSS helemaal niet valid is.

Je maakt gebruik van properties die niet valid zijn, kijk of je zonder kan.
Offline Ibrahim - 25/08/2007 18:09
Avatar van Ibrahim PHP expert -moz-opacity klopt wel wimmarien 
Offline JoWannes - 31/08/2007 19:18 (laatste wijziging 31/08/2007 19:22)
Avatar van JoWannes HTML interesse Transparantie en geldige CSS, dat gaat niet.

Transparantie kan je crossbrowser maken door volgende code te gebruiken:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #naam-element {
  2. filter: alpha(opacity=89);
  3. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=89);
  4. -moz-opacity: 0.89; opacity:0.89;
  5. width: 100%;
  6. }


Regel 3 voor de verschillende versies van FireFox en Opera,
regel 1 of 2 voor Internet Explorer 6,
regel 2 plus 4 voor Internet Explorer 7 zonder 'widht' werkt het niet, test zelf maar.

Opacity en -moz-opacity volstaat dus niet, ik ondervond het enkele dagen geleden zelf, toen ik m'n dropdownmenu transparant maakte.

Zonder transparantie kan je altijd, denk ik, maar het geeft natuurlijk wel een leuk effect...  
Offline Stijn - 31/08/2007 19:22
Avatar van Stijn PHP expert Ik dacht dat alle -moz-* CSS3 elementen waren en dat firefox enkel CSS3 ondersteund... (correct me if i'm wrong).
Offline jerone - 31/08/2007 19:29 (laatste wijziging 31/08/2007 19:29)
Avatar van jerone JS gevorderde dit is wat ik altijd gebruik:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. filter:alpha(opacity=70);  /**IE**/
  2. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);  /**IE**/
  3. opacity:.7;  /**Firefox 1.5**/
  4. -moz-opacity:0.7;  /**Mozilla**/
  5. -khtml-opacity:0.7;  /**KHTML**/
Offline EKnoop - 31/08/2007 20:44
Avatar van EKnoop Nieuw lid
stijn1989 schreef:
Ik dacht dat alle -moz-* CSS3 elementen waren en dat firefox enkel CSS3 ondersteund... (correct me if i'm wrong).
Opera 9+, Safari 2+, IE 7 en firefox 2+ maken gebruik van css3. Niet alle atributen ervan werken in al die browsers maar de meeste wel.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s