Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Vaag probleem met 'filter: alpha(opacity)'

7 antwoorden
  • Site: http://htb.ath.cx/anw/site Probleem Ik heb daar de achtergrond dmv[code:1:ea5c0556b0] background-color: #3B9FFD; filter: alpha(opacity=50); [/code:1:ea5c0556b0] halftransparant gemaakt. Nu werkt bovenstaande code wel in de titelbalk, maar deze werkt NIET in de tekst. En het is exact dezelfde code. [code:1:ea5c0556b0]#tekst { margin: 60px 170px 20px 170px; padding: 30px; border: 3px solid #505050; background-color: #3B9FFD; filter: alpha(opacity=50); voice-family: "\"}\""; voice-family: inherit; background: url(../images/transparanttekst.png); } #titel_pagina { padding: 0px; margin-right: 12px; margin-left: 12px; margin-top: 12px; border: 3px solid #505050; height: 54px; background-color: #3B9FFD; filter: alpha(opacity=50); voice-family: "\"}\""; voice-family: inherit; background: url(../images/transparanttekst.png); }[/code:1:ea5c0556b0] Weet iemand waar dat aan kan liggen? heb me al suf gezocht.
  • in moz werkt alles prima! Overigens kan ik op 1024x1280 niet zien dat je titel ook transparant is; de achtergrond image is te klein. (kan je die niet repeaten?) t.
  • [quote:fc230668b3="teacher"]in moz werkt alles prima! Overigens kan ik op 1024x1280 niet zien dat je titel ook transparant is; de achtergrond image is te klein. (kan je die niet repeaten?) t.[/quote:fc230668b3] Uiteraard werkt het in mozilla wel goed, en alle browsers behalve IE, bekijk m'n code es goed[code:1:fc230668b3] filter: alpha(opacity=50); voice-family: "\"}\""; voice-family: inherit; background: url(../images/transparanttekst.png);[/code:1:fc230668b3]IE browsers laden de png niet, maar gebruiken het filter omdat zij dat alleen ondersteuenen. In IE werkt het dus niet, maar in alle andere browsers wel. Kijk nog maar es ;) mm, repeat, mm, kweet niet of het mooi wordt, probeer de achtergornd image wel te vergrote :D
  • (IE6.0 laad ook zo het plaatje in hoor. Ik vraag me af waarom je deze hack daarvoor gebruikt en geen child-selector oid, want dit slaat nergens op.)
  • mm, je hebt gelijk, maar IE stopt toch met het uitlezen van de code, als hij de 'hack' leest? :-? maar mijn huidge code:[code:1:1f8940baac]#tekst { margin: 60px 170px 20px 170px; padding: 30px; border: 3px solid #505050; background-color: #3B9FFD; filter: alpha(opacity=50); background: url(../images/transparanttekst.png); }[/code:1:1f8940baac] werkt nog niet in IE, alles in halftransparant, behalve de tekst. Heel vaag. Iemand ideetje? CSS: http://htb.ath.cx/anw/site/css-sheets/algemeen.css
  • Heb de oplossing. Waarschijnlijk een bug van IE ontdekt :D . In de css van #tekst stond geen hoogte gedefineerd. Dit schijnt dus toch wel te moeten. Na een 'height: 300;' d'r tussen gedrukt hebben, werkt het wel.Allen dank voor het meedenken.
  • [quote:100b9d33b8="Johnny321"]mm, je hebt gelijk, maar IE stopt toch met het uitlezen van de code, als hij de 'hack' leest? :-?[/quote:100b9d33b8]Snap je de hack wel? Deze is namelijk bedoelt voor IE5.5 en lager (en een paar andere browser versies). Wil je het verbergen voor IE in het algemeen, gebruik dan een child selector ('>').[quote:100b9d33b8="Johnny321"]'height: 300;'[/quote:100b9d33b8]Grapje? Een getal (<length>) ongelijk aan nul heeft altijd een eenheid nodig.

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.