Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    48

    background-color: transparent (FireFox ok, IE ko, come mai?)

    Salve a voi.

    Stò da un po'...

    Ho questo CSS:

    <style type="text/css">
    body {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-style: none;
    background-color: transparent;
    }
    </style>



    Il problema è la trasparenza...

    Su FireFox funziona, su explorer no


    -->

    Maggiori dettagli:

    ho un iframe, il quale risulta trasparente e quindi mi lascia vedere (su FF) l'immagine di sfondo, invece su IE no







    Qualcuno ha qualche possibile soluzione? :master:

  2. #2
    Mi piacerebbe proprio vederlo questo fenomeno, ma sono anche curioso di sapere una cosa;
    perchè body dev' essere trasparente?, eventualmente dovrebbe essere trasparente un (per esempio) div per fare vedere l' immagine di body o mi sfugge qualcosa?
    Piuttosto di niente, meglio piuttosto.

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    48
    Perchè devo avere l'iframe trasparente, per far vedere l'immagine di sfondo.

    Per far vedere, FF:




    IE:



    inoltre, l'immagine di sfondo mi risulta leggermente spostata verso l'alto :master:

  4. #4
    Continuo ad essere convinto che la trasparenza dev' essere fatta su i-frame e non su body che contiene l' immagine di sfondo, che fra l' altro nel tuo listato non c' è!

    Sarebbe meglio che postassi il codice completo perchè così non si capisce molto.
    Piuttosto di niente, meglio piuttosto.

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    48
    Presto fatto



    <html>

    <head>
    <title>Titolo del Sito</title>

    <style type="text/css">
    body {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-style: none;
    background-color: transparent;
    }
    </style>

    </head>

    <body background="link_immagine" noresize>
    <script id="clientEventHandlersJS" language="javascript" src="nomefile.js"></script>

    <table height="89%" width="100%">
    <tr>

    <td valign="top">
    Forum


    Recensioni




    Autori
    </td>
    <td>
    <iframe width="100%" height="100%" name="visualizza" src="blank.html" border="0" frameborder="no">
    </iframe>
    </td>
    </tr>
    </table>

    </body>
    </html>


    Nota, la pagina che su IE crea il bianco ha questo codice:


    <html>

    <head>
    <title>Titolo del Sito</title>

    <style type="text/css">
    body {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-style: none;
    background-color: transparent;
    }
    </style>
    </head>

    <body>



    </body>
    </html>

  6. #6
    Intanto comincia ad eliminare il seguente comando nel body:
    [list=1][*]<body background="link_immagine" noresize>[/list=1]
    e riporta nel foglio di stile questo:
    [list=1][*]background-image: url(link_immagine);[/list=1]
    e controlla se è cambiato qualcosa
    Piuttosto di niente, meglio piuttosto.

  7. #7
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    48
    potrei farlo ma avrei una "doppia" immagine di sfondo, ossia quella presente su index + quella che si apre nell'i-frame.

    la mia idea era avere l'immagine di sfondo su index e basta (visibile tramite "l'iframe invisibile" --> e pagine caricate in esse)


    Comunque ora vado e provo, chissà che per un qualche mistero non capiti qualcosa di carino

    -->

    Provato, ed il risultato è questo:







    Piccola nota aggiuntiva: il sito attualmente è su altervista (tanto lo stò solo creando).
    Dato che a volte ci mette una vita a caricarmi le modifiche (esempio, ora che ho modificato anche il css di blank mettendo l'url immagine di sfondo, su IE m'ha mostrato subito la schermata presentata sopra, su FF ho dovuto aprire a parte il file e aggiornarlo, prima di vedere l'immagine)

  8. #8
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    48
    Dovrei esserci!!!!


    A

    <iframe width="100%" height="100%" name="visualizza" src="blank.html" border="0" frameborder="no">


    Ho aggiunto

    allowtransparency="true"


    Ossia:

    <iframe width="100%" height="100%" name="visualizza" src="blank.html" border="0" frameborder="no" allowtransparency="true">


    Tutto questo solo per quella dimenticanza






    Tra l'altro, per sicurezza mi son messo a creare anche i <div> nelle pagine aperte nell'iframe, associando anche ad essi la trasparenza.


    Ancora grazie e scusa per il problema


    (P.S.: caso mai sò dove rifarmi vivo )

  9. #9
    Sono contento che hai trovato la soluzione
    Piuttosto di niente, meglio piuttosto.

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.