Back to top

Autore Topic: [Risolto]Safari legge male background sito  (Letto 1868 volte)

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
[Risolto]Safari legge male background sito
« il: 24 Mar 2014, 18:50:26 »
Buonasera
Mi sono accorto per un sito che sto rifacendo che in safari non mi visualizza bene lo sfondo sfumato. le istruzioni sono:

Codice: [Seleziona]
#page{
  background: url(../images/back_1.png) repeat-x;
  background-color: #BFCFFF !important;
}
mentre in IE e FF si vede bene in safari mi riempie tutto lo sfondo solo del colore pieno della immagine che però è una bg sfumata.

Il template è mountain free ed il sito è:
http:// www . hotelgrazia.it/newsite

Invece nella vecchia versione (http:// www .hotelgrazia.it) si vede bene sfumato anche con safari, ho provato a mettere le stesse istruzioni css:

 
Codice: [Seleziona]
#body_bg{
background-image: url(/back_1.png);
background-repeat: repeat-x;
background-color: #BFCFFF;
}
nel css del template mountain ( back_1.png è sempre la stessa) ma non cambia nulla.

Dove sbaglio?

« Ultima modifica: 25 Mar 2014, 12:50:41 da tomtomeight »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Safari e background sito
« Risposta #1 il: 24 Mar 2014, 20:47:36 »
a riga 9 e riga 13 c'è la stessa dichiarazione con due immagini di sfondo diverse...

analizzando safari vede il repeat- x come non repeat

prova ad unire la dichiarazione background-image e backgrond repeat-x cosi:

background: #f0f url(myimage.jpg) repeat-x;

safari ha un interpretazione tutta sua dei repeat.....


però pensavo che potresti risolvere con uno sfondo creato con una sfumatora creata con codice anzichè con una immagine:

Codice: [Seleziona]
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #2D00F5),
color-stop(0.78, #105CAD),
color-stop(1, #E5FCFF)
);
background-image: -o-linear-gradient(bottom, #2D00F5 0%, #105CAD 78%, #E5FCFF 100%);
background-image: -moz-linear-gradient(bottom, #2D00F5 0%, #105CAD 78%, #E5FCFF 100%);
background-image: -webkit-linear-gradient(bottom, #2D00F5 0%, #105CAD 78%, #E5FCFF 100%);
background-image: -ms-linear-gradient(bottom, #2D00F5 0%, #105CAD 78%, #E5FCFF 100%);
background-image: linear-gradient(to bottom, #2D00F5 0%, #105CAD 78%, #E5FCFF 100%);
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Safari e background sito
« Risposta #2 il: 24 Mar 2014, 21:25:50 »
Ok domani proverò.
Invece per quanto riguarda la sfumatura fatta con codice avevo provato col gradient ma come vedi devo limitarlo solo alla prima parte che copre lo slider, non sò se posso farla applicata solo a quella parte e poi proseguire solo col colore inferiore.

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Safari e background sito
« Risposta #3 il: 24 Mar 2014, 21:48:24 »
non so se si possa fare una sfumatura verso la trasparenza....
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Safari e background sito
« Risposta #4 il: 24 Mar 2014, 21:50:09 »
E dare invece un altezza al gradient?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Safari e background sito
« Risposta #5 il: 24 Mar 2014, 21:55:00 »
non ho mai provato, forse basta un semplice height.....ma occorerebbe un div specifico posizionato in modo assoluto
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:[Risolto]Safari legge male background sito
« Risposta #6 il: 25 Mar 2014, 12:55:29 »
Ok ho risolto rimettendo le stesse istruzioni dello styles/blue/custom.css  in css/custom.css sembra che solo safari non legga le istruzioni personalizzate e solo per il background. Infatti altre istruzioni personalizzate in styles le legge.

 



Web Design Bolzano Kreatif