Joomla.it Forum

Joomla! 3 => Joomla! 3 => : antjoom 25 Dec 2014, 14:46:47

: Immagine background responsive
: antjoom 25 Dec 2014, 14:46:47: Ho creato un articolo nel quale ho inserito un'immagine di sfondo ed un collegamento ad un form

[/code]
:
[font=verdana]<div style="background-image: url('/images/antonio/sfondi/sas.jpg')">[/font][font=verdana][/size][/font][font=verdana][font=Verdana] [/font][/font] [font=verdana][font=Verdana]{chronoforms5}copienew{/chronoforms5}[/font][/font]
Funziona tutto bene, ma cosa dovrei aggiungere alla riga HTML per rendere l'immagine responsive?
Grazie

p.s. Buon Natale a tutti
: Re:Immagine background responsive
: Kentinst 26 Dec 2014, 09:17:14: Ciao,

prova:

style="background-size: cover;"

ma non è però detto che funzioni perchè dipende anche dallo stile degli elementi del DOM che precedono il componente nella gerarchia.
: Re:Immagine background responsive
: antjoom 26 Dec 2014, 09:44:16: : Kentinst 26 Dec 2014, 09:17:14
Ciao,

prova:

style="background-size: cover;"

ma non è però detto che funzioni perchè dipende anche dallo stile degli elementi del DOM che precedono il componente nella gerarchia.

Ciao buongiorno
potresti indicarmi la stringa completa?

Grazie
: Re:Immagine background responsive
: antjoom 26 Dec 2014, 10:49:25: Ciao l'ho impostato in questo modo

[/code]
:
<div style="background: url(/images/antonio/sfondi/sas.jpg) no-repeat center center" style="background-size: cover ">

Ora è responsive, ma a l'immagine manca un pezzo superiore
Qualche consiglio?

Grazie

edit:
Per far visualizzare per intero l'immagine, ho dovuto dare tanti spazi
Ma non mi piace.

Posso fare qualcosa?

[/code]
:
<div style="background: url(/images/antonio/sfondi/sas.jpg) no-repeat center center" style="background-size: cover "> {chronoforms5}copienew{/chronoforms5} <>