20 berichten aan het bekijken - 1 tot 20 (van in totaal 20)
  • Q:
    Bijdrager
    mekker

    Transparante png in IE 6

    voor een site heb ik transparante png’s die als achtergrond plaatje in een tabel zitten.
    door middel van een script veranderd de png iedere keer als de pagina opnieuw geladen wordt.

    Deze png’s worden door IE 6 (op windows) echter niet transparant weergegeven.

    Nu heb ik een script gevonden wat dit zou moeten kunnen bewerksellen; maar dit script houd geen rekening met het feit dat er al een ander script is wat het veranderen van de png’s regelt.

    Ik wat zitten expirimenteren om dit werkende te krijgen maar maar dit gaat me toch een beetje boven de pet.

    nu vraag ik me af of dit de wel de goede oplossing is, of zijn er andere mogelijkheden om dit voor elkaar te krijgen of weet iemand hoe het mogelijk is om dit samen te laten werken.

    bvd

    Geblokkeerd
    Anoniem

    Vervang je png met gif bestanden. Deze gif bestanden blijven transparant.

    Bijdrager
    GrizzDesign

    transperante png’s kunnen met een javascript alsnog goed worden gemaakt (“pngfix.js”)

    Als je plaatje alleen maar 100% of 0% transperantie heeft kun je beter GIF’s gebruiken, voor overloopjes dus de pngfix.js

    ===
    EDIT: Nu heb ik zelf nog een vervolg:

    Dit script werkt alleen voor PNG’s die worden aangesproken in een tag in de HTML. Wat nu als ik via een css bestand een png aanspreek (bijvoorbeeld als achtergrond van iets) hoe kan ik dit dan fixen ?

    Bijdrager
    mekker

    de grijze vlakken waar de text op staat zijn half-transparant geloof niet dat dit met een gif kan?

    Bijdrager
    mekker
    ”GrizzDesign”

    transperante png’s kunnen met een javascript alsnog goed worden gemaakt (“pngfix.js”)

    Als je plaatje alleen maar 100% of 0% transperantie heeft kun je beter GIF’s gebruiken, voor overloopjes dus de pngfix.js

    ===
    EDIT: Nu heb ik zelf nog een vervolg:

    Dit script werkt alleen voor PNG’s die worden aangesproken in een <img> tag in de HTML. Wat nu als ik via een css bestand een png aanspreek (bijvoorbeeld als achtergrond van iets) hoe kan ik dit dan fixen ?

    dat script heb ik het ook mee geprobeerd maar het niet werkend gekregen.

    Inactief
    Anoniem

    Hier kun je ook een manier vinden om IE6 transparant wel te laten ondersteunen.

    Bij mij werkt het altijd.

    Bijdrager
    Zeekomkommer

    Het htc script van twinhelix wordt vaak gebruikt. Werkt goed en is simpel toe te passen. Werkt ook voor plaatjes in je css (backgrounds).

    http://www.twinhelix.com/css/iepngfix/

    Bijdrager
    mekker

    Ik ben met bovenstaande scrips in de weer geweest, maar ik krijg het niet werkend
    het probleem is dat ik dit script gebruik om de afbeeldingen iedere keer als de pagina geladen word te veranderen:
    [code:1:2a707ddcc3]<script language="JavaScript" type="text/javascript"><!–

    var image = new Array();

    image[0] = ‘images/particuliers.png’ ;
    image[1] = ‘images/particuliers2.png’ ;

    var index = Math.floor(Math.random() * image.length);
    document.write('<style type="text/css"> td.title { background-image: url(’+ image[index] +’) } </style>’);
    //–>
    </script> [/code:1:2a707ddcc3]

    vervolgens wordt in de pagina de afbeelding zo aangeroepen:

    [code:1:2a707ddcc3]<td align="center" class=’title’ colspan=’0′><table width="900" height="340" border="0" >[/code:1:2a707ddcc3]

    geen idee wat te doen.

    Bijdrager
    Zeekomkommer

    Probeer het eens in combinatie hier mee: http://www.dynamicdrive.com/dynamicindex15/domroll.htm

    Bijdrager
    The JM

    Nou, dat werkt ook niet lekker. Eerst had ik pngfix, maar dat werkt niet met afbeeldingen in de css:

    Toen heb ik maar deze gebruikt, maar dat ziet er zo uit:

    Terwijl het er eigenlijk zo uit moet zien:

    Hoe krijg ik dat voor elkaar?

    Bijdrager
    Nietzman

    Binnen je css kun je het denk ik wel op je buik schrijven, maar ik moet zeggen dat die site er niet dermate complex uit ziet dat je die headerafbeelding niet buiten css om op kunt bouwen.

    Bijdrager
    The JM

    De header kan inderdaad, maar ik hou er gewoon niet van dat je afbeeldingen kunt slepen. Maar bij de tabbladen is het dan weer niet mogelijk, dat is echt een achtergrond waar tekst op staat.

    Is er echt niet een mogelijkheid om ook in de css transparante png’s te gebruiken?

    Bijdrager
    misterfrontend
    ”The

    Nou, dat werkt ook niet lekker. Eerst had ik pngfix, maar dat werkt niet met afbeeldingen in de css:

    Toen heb ik maar deze gebruikt, maar dat ziet er zo uit:

    Terwijl het er eigenlijk zo uit moet zien:

    Hoe krijg ik dat voor elkaar?

    Ik vind http://www.twinhelix.com/css/iepngfix/ erg goed en werkt ook in je css:

    Bijvoorbeeld:
    [code:1:3f7244bd38]<style type="text/css">
    #header {
    height: 200px; width: 700px;
    background: url(’header.png’) no-repeat;
    behavior: url(iepngfix.htc);
    }
    </style>[/code:1:3f7244bd38]

    Ik denk dat je ook hoogte en breedte moet instellen, anders werkt ie niet.
    en wat heb je eigenlijk voor een IE op je mac staan??

    Bijdrager
    The JM

    Bij mij werkt dat niet, dan is de hele header transparant.

    Dat is IE6, in Crossover.

    Bijdrager
    GrizzDesign

    Vreemd. Dat HTC script (Wat ik ook eerder aanhaalde) zou moeten werken….

    Misschien even je vraag ontwijken, maar de afbeelding die jij transperant wil is niet echt complex, ik bedoel hiermee dat er geen half transperante pixels zijn, dus zou het ook gewoon als .gif bestandje kunnen in dit geval.

    Probeer maar.

    Uiteraard blijft de vraag hoe het kan dat het HTC-pngfix niet werkt, en hoe het wel moet.

    Bijdrager
    The JM

    Voor de header en de footer kan dat inderdaad, maar voor de login-pagina niet:

    En de css ziet er zo uit:

    [code:1:9f12cfe874]#adminbg{
    width:386px;
    height:309px;
    margin:0;
    padding:0;
    background:url(afbeeldingen/adminbg.png);
    overflow: hidden;
    behavior: url(iepngfix.htc);
    }[/code:1:9f12cfe874]

    En zo moet het er uit zien:

    Heel vaag, ik snap er weinig van.

    Bijdrager
    misterfrontend

    Heb je de pad naar die HTC bestand wel goed?

    misschien moet je eens….

    [code:1:61b35d71b0] behavior: url(../iepngfix.htc);

    [/code:1:61b35d71b0]

    proberen!

    of gewoon hard in de div zetten

    [code:1:61b35d71b0]<div id="logindiv" style=" behavior: url(iepngfix.htc); "></div>[/code:1:61b35d71b0]
    succes.

    Bijdrager
    The JM

    Oke, het pad was inderdaad niet goed. Maar dan maakt hij de hele div doorzichtig, niet alleen de hoekjes…

    Bijdrager
    misterfrontend
    ”The

    Oke, het pad was inderdaad niet goed. Maar dan maakt hij de hele div doorzichtig, niet alleen de hoekjes…

    kan jij die pagina eens niet uploaden en dan kunnen we even kijken wat er aan mankeert.

    Bijdrager
    The JM
    ”aitam”
    ”The

    Oke, het pad was inderdaad niet goed. Maar dan maakt hij de hele div doorzichtig, niet alleen de hoekjes…

    kan jij die pagina eens niet uploaden en dan kunnen we even kijken wat er aan mankeert.

    Oke: Klik hier.

20 berichten aan het bekijken - 1 tot 20 (van in totaal 20)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.