WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Aiuto Footer Bg  it

Автор: Vincenzo Errico
Просмотрено 357, Подписчики 1, Размещенный 0  

Buongiorno a tutti!

Ho implementato ( in questa pagina di prova http://www.vincenzoerrico.it/prova-2.html ) uno scroll down con immagine di fondo che si adatta al browser, tutto funziona tranne il imFooterBg (arancione per evidenziarlo) che non rimane al suo posto ma va a posizionarsi sopra al menù coprendo parte dell'immagine.

Come riposizionarlo correttamente?

Grazie tante.

Размещено
6 Ответы
Vincenzo Errico
Vincenzo Errico
User
Автор

Nessuno sa come ripristinare la posizione dello sfondo del footer? 

Читать больше
Размещено От Vincenzo Errico
Incomedia
Riccardo P.
Incomedia

Buongiorno Vincenzo,

hai inserito del codice personale nel progetto? Se si prova a rimuoverlo.

Nel sito che hai scritto io lo visualizzo correttamente. Prova ad allegare anche uno screenshot di come lo vedi tu se continui a vederlo sbagliato.

Fammi sapere.

Читать больше
Размещено От Riccardo P.
Vincenzo Errico
Vincenzo Errico
User
Автор

Buongiorno Riccardo, allego screenshot. La fascia Arancione (footerBg) dovrebbe rimanere sotto il footer.

Si, ho inserito codice esterno per uno scroll con immagine di fondo che si adatta al browser.

Certo, se tolgo il codice esterno tutto ritorna come prima. Io vorrei risolvere correggendo il codice implementato...

Che è questo CSS (ho barrato quello che credo dia il problema ma non so come risolverlo):

@import url('https://fonts.googleapis.com/css?family=Cinzel');
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
section {
position: relative;
width: 100%;
height: 100%;
}
section::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 80%;
}
section h1 {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font : 26px/1 'Cinzel', serif;
text-align: center;
white-space: nowrap;
}
#section01 { background: url(http://www.vincenzoerrico.it/florence-wedding-photographer-tuscany.jpg) center center / cover no-repeat;}

.demo a {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
font : 26px/1 'Cinzel', serif;
letter-spacing: .1em;
text-decoration: none;
transition: opacity .3s;
}
.demo a:hover {
opacity: .5;
}

#section01 a {
padding-top: 60px;
}
#section01 a span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}

Читать больше
Размещено От Vincenzo Errico
Incomedia
Riccardo P.
Incomedia

Buongiorno Vincenzo,

purtroppo non posso aiutarti con del codice esterno perchè potrebbe interferire con quello di WebSite X5.

Prova ad attendere maggiori informazioni da parte di altri utenti della community.

Читать больше
Размещено От Riccardo P.
Vincenzo Errico
Vincenzo Errico
User
Автор

Ok grazie!

Читать больше
Размещено От Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Автор

Devo arrendermi? tongue-out

Читать больше
Размещено От Vincenzo Errico