[RISOLTO] Immagine non troppo responsive

[antjoom]

Attualmente per inserire un immagine di sfondo in un form, utilizzo l'articolo come recipiente inserendo questo codice:

Codice: [Seleziona]

<div style="background: url(/images/antonio/sfondipaginemenu/assistenza.jpg) no-repeat center -10px"
        style="background-size: cover ">
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<p> {chronoforms5}copienew{/chronoforms5}</p>

Purtroppo anche se il codice è responsive, l'immagine non si adatta del tutto.


Ho provato invano anche questo tipo di soluzione inserendo questi due parametri nella finestra "setup" del form
load CSS con questo codice

Codice: [Seleziona]

.flex {width: 100%}Custom Code:

Codice: [Seleziona]

<p><img class="flex" background: url(/images/antonio/sfondipaginemenu/assistenza.jpg)" alt="pini"></p>

Dove sbaglio?
Grazie

[andreadamoni]

Hai controllato la compatibilità di background-size con il browser che stai usando?
Firefox, ad esempio ha bisogno di dichiarazioni particolari:
http://www.html.it/pag/19457/background-size/

[antjoom]

Niente da fare 
Ho provato con diversi codice ma non va


Potresti suggerirmi un codice da poter inserire direttamente in chronoform senza creare l'articolo?
Grazie

[andreadamoni]

Io, per ovviare ad inconvenienti simili, inserisco una immagine con classe ad hoc al posto del bg, poi le dò posizione assoluta e z-index inferiore a quello del testo.

[antjoom]

Riusciresti ad essere più preciso?
Magari suggerendomi il codice.
Ti ringrazio

[antjoom]

Risolto 


Ho inserito nel Load CSS questo codice:

Codice: [Seleziona]

.gbs3{
 background-image:
 url('/images/antonio/sfondipaginemenu/pconline.jpg');
 background-size:contain;
 background-repeat: no-repeat;
 background-position:top;
}



così facendo ho ottenuto un'immagine pienamente responsive per il mio form