Visualizzazione dei risultati da 1 a 6 su 6

Discussione: background image

  1. #1
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367

    background image

    Ciao a tutti,
    con Firefox 3.6 e Opera 10.6 non riesco visualizzare un'immagine di sfondo
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>Impianti Sportivi Aquapolis Srl</title>
    <style>
    html, form{
    	margin: 0;
    	padding: 0;
    }
    body{
    	margin: 0;
    	padding: 0;
    	text-align: center;
    	background: #182983 url('/img/bg_acqua.jpg') fixed no-repeat top center;
    }
    </style>
    </head>
    <body>
    <span style="color:#FFFFFF">test</span>
    </body>
    </html>
    Con IE, Safari, Chrome tutto ok con Firefox e Opera vedo solo il colore #182983
    suggerimenti?

  2. #2
    Utente di HTML.it L'avatar di Vash SD
    Registrato dal
    Sep 2006
    Messaggi
    502
    Beh io ci leverei gli apici. Prova così:

    codice:
    background: #182983 url(img/bg_acqua.jpg) fixed no-repeat top center;
    Inoltre, controlla sempre di aver inserito tutto nel perfetto ordine; non credo cambi qualcosa, o forse sì, ma non si sa mai.

    Saluti, Vash.
    Personal Home Page

  3. #3
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    grazie per la risposta Vash SD,
    inizialmente era senza apici poi ho provato a metterceli ma non cambia niente
    e comunque non funziona neanche
    codice:
    background-image: url(img/bg_acqua.jpg);
    non so che fare :master:

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    prova a scriverlo in questo ordine (dando per corretto il percorso)

    background: #182983 url(/img/bg_acqua.jpg) top center no-repeat fixed;


    oppure separando le varie proprietà

    background-color: ...
    background-image: ...
    background-repeat: ...
    background-position: ...
    background-attachment: ...

    se non va, forse il problema risiede nell'immagine (magari è una jpeg progressiva)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    siamo sicuri che nn è un problema di percorso?

  6. #6
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    Originariamente inviato da fcaldera
    (dando per corretto il percorso)
    se non va, forse il problema risiede nell'immagine (magari è una jpeg progressiva)
    su altri brAUser si vede quindi il percorso è giusto.
    L'immagine non l'avevo fatta io e non c'ho pensato che poteva essere danneggiata
    Salvando una nuova immagine funziona.
    Grazie a tutti

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 © 2026 vBulletin Solutions, Inc. All rights reserved.