Salve a tutti. Ho verificato che sul tablet non funziona il resize di un background image.
Nel css inserisco questo codice:
#bg_image { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
#scrollable { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }
Esiste qualche jquery per creare un resize che sia anche responsive?
Oppure si può fare tramite css?
Grazie a tutti
Hai provato aggiungendo anche un bottom:0, right:0 ?
Grazie per l'attenzione.
Ho appena provato ma non funziona.
Anche se tolgo right:0; bottom:0;
solo se metto il tablet in posizione verticale, vedo lo sfondo intero,
se metto il tablet in orizzontale, vedo lo sfondo che finisce a metà schermo...
Non ho possibilità di testare e non posso esserti ulteriormente d'aiuto, ma potresti, in attesa di altre risposte, provare se cambia qualcosa con
o anche lasciando il position:fixed ma eliminando altezza e larghezza e forzando il ridimensionamento solo con top, right, bottom e leftcodice:#bg_image { position: absolute; top: 0; left: 0; bottom:0; right:0; z-index: 1; }
Eventualmente sarebbe utile vedere tutto il codice della pagina (anche css)
Se tolgo altezza e larghezza, non mi funziona più il resize neanche su pc desktop.
Il resto del codice non credo sia influente perchè ho
il div dell'immagine
il div scrollable
e, all'interno di scrollable, il resto della pagina...
Permessi di invio
Rispondi quotando