Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Vaag probleem met 'filter: alpha(opacity)'

Johnny321
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

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