[RISOLTO]Background e container

[berry]

prova con background-attachment:fixed !important;   e vediamo cosa succede

[claudiocarrera]

Probilmente  hai una regola del tipo:

@media (min-width: 992px) {
  .ecc...
}
Questo media in pratica dice: "se il monitor ha una risoluzione minima in larghezza di 992px allora applica questi stili.


Nel tuo caso vuoi che lo sfondo si fixed in tutte le risoluzioni, quindi dovrai inserirlo fuori dalla media query non dentro.


Applicala come ultima riga del tuo foglio di stile  fuori da qualsiasi media query  e non dovrebbe darti problemi

[maxzilla]

la tigre...
per essere certi, se il template e' protostar, allora deve funzionare con tutte le risoluzioni del monitor definendo:

background-image:url('../images/nome-immagine.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;

OPPURE

background-image:url('../images/nome-immagine.jpg');
    background-repeat:no-repeat;
    background-attachment:scroll;

nel primo body {}
che trovi in template.css

[La Tigre è ancora Viva]

Max l'ho definito nel primo body ma non mi funziona. Background rimane fisso e la pagina sopra scorre. Non funziona ne con fixed ne con scroll.
Ora sto facendo ulteriori ricerche in rete ma fino ad ora non ho trovato nessun argomento specifico su questa cosa rapportata al template Protostar.

[maxzilla]

Non funziona come desideri tu o non funziona la differenza la fixed e scroll?

[berry]

con questo

background:url(../images/miafoto.jpg) fixed no-repeat center top;

ho fatto un paio di prove e funziona correttamente sia che lo metta su body o su body.site

con fixed sta fermo con scroll segue la pagina

[La Tigre è ancora Viva]

RISOLTO!

in sotanza nel template Protostar l'unica proprietà all'interno del file  template.css sulla quale bisogna intervenire per far si che l'immagine di background dello sfondo si muova in contemporanea con la pagina che gli sta sopra quando si allarga(o si restringe) la finestra del browser è la seguente:

body.site {
    border-top: 3px solid #0088cc;
    padding: 20px;
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image:url('../images/nome-immagine.jpg');
    background-position: center top;
    background-repeat: no-repeat;
   

   
}


solo e soltanto su questa regola bisogna intervenire.
Il codice dunque era esatto dall'inizio soltanto che non funzionava in quanto mancava la seguente riga  che ho aggiunto poi e che ha fatto funzionare il tutto:

background-position: center top;

[La Tigre è ancora Viva]

si Berry siamo giunti contemporaneamente alla soluzione era quel "center top" che mancava e non faceva funzionare il tutto.
Grazie Berry, grazie Claudio, grazie M_V_C, grazie maxzilla, grazie a tutti!