Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di Vinxi
    Registrato dal
    Jan 2002
    Messaggi
    61

    Trasparenza sotto un div

    Salve a tutti,

    non sapevo dove postare, quindi mi scuso se non è la sezione giusta :master:

    In soldoni, vorrei ottenere lo stesso effetto che qui ho avuto grazie ad una PNG trasparente (quindi visibile solo con browsers che non siano IE) con un qualsiasi altro mezzo, CSS, immagini ecc.. che chiaramente sia compatibile con IE.

    http://kioku.altervista.org/faq3.php?t=lsh3&s=2

    Mi aiutate?

    Grazie

  2. #2

  3. #3
    Utente di HTML.it L'avatar di Vinxi
    Registrato dal
    Jan 2002
    Messaggi
    61
    Ti ringrazio, ma prima che ci sbatta la testa vicino vale anche per le PNG messe come background ad un div?

    Edit: no, non va bene:

    To implement this only on specific PNGs, add the following to each PNG image you wish to transform:

    [img]xyz.png[/img]
    NB: You must have height and width attributes specified.

    Qualche altra soluzione?

  4. #4
    mi è servito solo una volta, qui:

    www.meta.coop

    guarda le tendine che appaiono nel menu orizzontale. Ho usato un hack


    <!--[if IE]>
    <style type="text/css" media="screen">
    li.riempimento,li.submenu2 a,li.level2 a{background: none;
    filterrogidXImageTransform.Microsoft.AlphaImageLoader(sizingM ethod='scale', src='template_img/bg_blu-trans.png')}
    li.level3 a{background-color: #ff9900; opacity: 0.90; filter: alpha(opacity=90);}
    </style>
    <![endif]-->

    vedi un po' se riesci a tirane fuori la soluzione che fa per te


    edit: dove è uscita la faccina ci sono un : seguito da D , guarda la sorgente della pagina

  5. #5
    Utente di HTML.it L'avatar di Vinxi
    Registrato dal
    Jan 2002
    Messaggi
    61
    Grazie mille , hai risolto il problema.
    Per chi volesse sapere come, basta aggiungere:

    codice:
    <style type="text/css">
    .testo{background: url('_immagini/sfondo_content.png') repeat;}
    </style>
    <!--[if IE]>
    <style type="text/css">
    .testo{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
    (sizingMethod='scale', src='_immagini/sfondo_content.png')}
    </style>
    Dove .testo è lo stile da richiamare nel tag div, con <div style="testo"> e "sfondo_content.png" è la PNG trasparente.

    Grazie ancora

  6. #6
    di nulla

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.