Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : tomtomeight 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:
#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:
#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?
-
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:
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%);
-
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.
-
non so se si possa fare una sfumatura verso la trasparenza....
-
E dare invece un altezza al gradient?
-
non ho mai provato, forse basta un semplice height.....ma occorerebbe un div specifico posizionato in modo assoluto
-
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.