Immagine background responsive

[antjoom]

Ho creato un articolo nel quale ho inserito un'immagine di sfondo ed un collegamento ad un form

[/code]

Codice: [Seleziona]

[font=verdana]<div style="background-image: url('/images/antonio/sfondi/sas.jpg')"><p>[/font][font=verdana][/size][/font][font=verdana][font=Verdana]<p> [/font][/font]

[font=verdana][font=Verdana]{chronoforms5}copienew{/chronoforms5}</p>[/font][/font]
Funziona tutto bene, ma cosa dovrei aggiungere alla riga HTML per rendere l'immagine responsive?
Grazie


p.s. Buon Natale a tutti

[Kentinst]

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.

[antjoom]

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

[antjoom]

Ciao l'ho impostato in questo modo

[/code]

Codice: [Seleziona]

<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]

Codice: [Seleziona]


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