Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

transparent via CSS

17 antwoorden
  • Is er manier om b.v. achtergrond kleuren van DIV semitrasparant te maken via CSS?
  • Ja, gebruik hiervoor [i:41406d91ec]opacity[/i:41406d91ec]. - Bas
  • half transparant png-tje als achtergrond nemen. Als je een div half door zichtig maakt kan je de tekst die er op staat ook niet meer lezen.
  • [quote:a77a3a3e97="Timonsweb"]half [b:a77a3a3e97]transparant png-tje[/b:a77a3a3e97] als achtergrond nemen. Als je een div half door zichtig maakt kan je de tekst die er op staat ook niet meer lezen.[/quote:a77a3a3e97] Vind IE niet leuk. 'k Kan er nl. niets mee.
  • "opacity" dat zocht ik, het is alleen wel verschillend voor zo'n beetje elke browser... Deze:[code:1:cefffb800a] filter: alpha(opacity=50);[/code:1:cefffb800a] werkt prefect in IE maar niet in andere browsers (vreemd eigenlijk ik dacht dat "filter" eruit was in IE6) Nog even zoeken naar de andere mogelijkheden crossbrowser... Bestond er ook niet een tag <alphavalue>?
  • '<alphavalue>' is gedefinieerd in CSS als type, net als '<string>' en '<uri>'. CSS3 introduceert 'opacity' welke ondersteund wordt door Mozilla (recente versies, anders '-moz-opacity'). Safari (en Konquerer)ondersteund deze als '-khtml-opacity'. Opera ondersteund het niet. (Merk op dat '-moz-opactiy' en 'opacity' verschillen, de laatste gedraagt zich zoals dat beschreven staat in de CSS3 specificitie (css3-color dacht ik).)
  • [quote:198119b3f4=".:ToBee:."]"opacity" dat zocht ik, het is alleen wel verschillend voor zo'n beetje elke browser... Deze:[code:1:198119b3f4] filter: alpha(opacity=50);[/code:1:198119b3f4] werkt prefect in IE maar niet in andere browsers (vreemd eigenlijk ik dacht dat "filter" eruit was in IE6) Nog even zoeken naar de andere mogelijkheden crossbrowser... Bestond er ook niet een tag <alphavalue>?[/quote:198119b3f4]Heerlijk. Had ik die code maar eerder geweten, kan ik eindelijk m'n site hetzelfde d'r uit laten zien voor Opera/Mozilla en IE. Mijn dank is groot dat je die code hier plaatst.
  • mm, ben ff aan het sleutelen geweest, en ik denk dat een mooie oplossing heb gevonden die ervoor zorgt dat IE en Opera/Mozilla de achtergrond van een 'div' half-transparant maakt: [code:1:72b09d1162] #voorbeeld { ..... background-color: #CFCFCF; filter: alpha(opacity=50); voice-family: "\"}\""; voice-family: inherit; background-image: url(../achtergronden/halftransparant.png); } [/code:1:72b09d1162]
  • [code:1:5655fe7739]filter: alpha(opacity=50); [/code:1:5655fe7739] [code:1:5655fe7739]background-image: url(../achtergronden/halftransparant.png); [/code:1:5655fe7739] Is dit niet een beetje dubbelop?
  • [quote:84250c7acd=".:ToBee:."][code:1:84250c7acd]filter: alpha(opacity=50); [/code:1:84250c7acd] [code:1:84250c7acd]background-image: url(../achtergronden/halftransparant.png); [/code:1:84250c7acd] Is dit niet een beetje dubbelop?[/quote:84250c7acd] PNG afbeeldingen worden niet goed ondersteund door IE (zoals Johnny al zei). en andere browsers ondersteunen geen filter technieken.
  • [size=24:3b62cb5e68].....[/size:3b62cb5e68][size=18:3b62cb5e68]....[/size:3b62cb5e68][size=12:3b62cb5e68]...[/size:3b62cb5e68][size=9:3b62cb5e68]..[/size:3b62cb5e68][size=7:3b62cb5e68].[/size:3b62cb5e68] :oops:
  • Altijd lastig, zo'n zaterdagmorgen;)
  • [quote:f91135c4ee="Johnny321"]Altijd lastig, zo'n zaterdagmorgen;)[/quote:f91135c4ee] [color=darkred:f91135c4ee]Vooral na zo'n vrijdagavond..hik..[/color:f91135c4ee]
  • nu heb ik dit ook gedaan maar bij mij word alles waziger dus mn kleuren kloppen niet meer. hoe kan ik dat fixen dat alleen de achtergrondkleur 50% word en niet mn inhoud?
  • in welke browser bekijk je het? linkje?
  • [quote:b3a44343af="Johnny321"]in welke browser bekijk je het? linkje?[/quote:b3a44343af] k heb ff geen link. ik bekijk hem in IE 6.0.28 (XPpro sp1) en dat java scriptje word later met php gefixt [code:1:b3a44343af]<table class="achtergrondtabel" width="200" border="0"> <tr> <td><a class="add" href="start.php" target="_self">Start</a>uykuyk</td> </tr> <tr> <td height="82"><SCRIPT language=Javascript> function bg() {document.body.background = "file:///"+document.h.text.value;} </SCRIPT> <P align=center> <FORM name=h> <p align="center"><INPUT type=file size=10 name=text> <INPUT onclick=bg() type=button value=OK> <p align="center"> </p> </FORM></td> </tr> </table>[/code:1:b3a44343af] ----css---- [code:1:b3a44343af] .achtergrondtabel { ..... background-color: #CFCFCF; filter: alpha(opacity=50); voice-family: "\"}\""; voice-family: inherit; background-image: url(Images/halftransparant.png); }[/code:1:b3a44343af]
  • Ik denk dat het komt omdat je de hele tabel halftransparant maakt. Trouwens, tabellen zijn niet voor opmaak bedoeld.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.