Buongiorno a tutti, sto cercandi di mettere un'immagine come sfondo al mio sito.
Background giusto?
Nei miei tentativi non sono riuscito ad ottenere ciò che mi ero prefissato:
un immagine che si adattasse allo schermo.
Le domande:
- L'immagine di partenza deve avere una misura consigliata?
- ho messo mano al file color.css nella sezione
body
#background
e poi ho giocato con diversi comandi. L'unica cosa che sono riuscito a fare è mettere l'immagine di sfondo ma nella sua dimensione iniziale (in questo caso molto grande)
ho messo le mani nel posto giusto?
C'è qualche altro file che devo vedere?
Avete da cosigliarmi dove trovare una guida?
So anche che l'argomento è abbastanza trattato ma trovo difficile orientarmi rispetto al css, css3, html, js
Sarebbe utile capire da vove partire.
Un saluto a tutti, Andrea
Questo sembra aver funzionato anche se devo provare cosa accade con pagine molto lunghe.
background-image: url(base_pagina_web.jpg);no-repeat top center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
Aggiornamento:
il codice sopracitato funziona nella maggior parte delle prove che ho effettuato.
L'unico dispositivo, finora accertato in negativo, è l'ipad.
Avete qualche consiglio in merito?
In giro si consigliava di provare a modificare la directory dell'immagine mettendo un indirizzo assoluto del tipo "http.//www....................."
Il risultato non cambia. Vedo l'immagine anche da dispositivi samsung ma da ipad no.
Un saluto, Andrea.
all'ipad potrebbe dar fastidio l'attributo "fixed", strano che non ti dia fastidio anche su android...
ma se lo togli non andà più bene per le pagine "molto lunghe".
non ho idea del tema che stai usando, quindi non so dirti se color.css è il file giusto, ma se è l'ultimo file css che viene richiamato... allora è il file che può fare per te ;P
potresti anche controllare che il tema che stai usando non abbia delle media-query che magari invalidano le tue regole in certi casi specifici.
ad ogni modo il tuo sfondo non si "adatta allo schermo" come chiedevi all'inizio... più tosto viene centrata e tagliata quando lo schermo finisce (tagliata non adattata) poi "fixed" impedisce che l'immagine scrolli insieme alla pagina...
per ottenere il risultato che sembra volessi tu devi per forza usare anche js
drupalpertutti.it
Il tema che uso è Premium Responsive 7.x-1.7 (tema predefinito)
il sito in questione è www.arteinmovimentoasd.it
Premessa la mia quasi assoluta ignoranza in fatto di css e via dicendo, sono andato a toccare color.css in quanto ispezionando l'elemento mi sembrava che il background venisse gestito da quel fila, ma forse sbaglio.
Il risultato che ho ottenuto al momento mi soddisferebbe anche, visto anche che quello che ho ottenuto, purtroppo, l'ho fatto scopiazzando qua e la.
Grazie Andrea.
Ho fatto comunque la prova eliminando fixed
ma non risolvo per ipad e iphone
Risolto,
l'mmagine in partenza era molto grande.
Cercando, alla fine, ho scoperto (ora non ho il link da postare) che iphone e ipad non riescono ad adattare immagini se queste sono più grandi di un certo TOT.
E' bastato ridurre (dimensioni) l'immagine e ora funziona anche su dispositivi mobili della apple.
Ciao Andrea.