• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto Immagine in CSS

M

MerlYno

Guest
Autore del topic
Immagine tramite CSS

Salve, ho una semplicissima pagina web in html e vorrei aggiungere 3 immagini sopra lo sfondo.
Il problema è che se le metto tramite body non si vedono perchè vengono ricoperte dallo sfondo, ma se lo tolgo si vedono... Io vorrei che queste 3 immagini si posizionassero sopra lo sfondo.
Non so che codice utilizzare nel CSS...

Ecco uno screen per farvi capire meglio:
c600204631aa185de60db43f347ef697.png

I box rossi indicano la posizione dove vorrei le 3 immagini. (box fatti con paint)
 
Ultima modifica da un moderatore:
Le immagini mettile come <img> all'interno del body, assegna loro un id e in CSS ad ogni id metti come proprietà position: absolute; e top e left (o right, per il box in basso a destra) con i valori che preferisci.
 
Le immagini mettile come <img> all'interno del body, assegna loro un id e in CSS ad ogni id metti come proprietà position: absolute; e top e left (o right, per il box in basso a destra) con i valori che preferisci.

Io per lo sfondo ho scritto così:
/* Immagine di sfondo */
body {
background: url(Immagini/Bg.png);
}
Ho provato come hai detto tu, ma non si vedono è come se non avessi scritto niente...
Ecco come ho scritto:
/* Immagine di sfondo top left */
div#Bg_4{
background-image: url(Immagini/Bg_4.png);
background-position: absolute;
top: 50px;
left: 50px;
background-repeat: no-repeat;
}
e in HTML così: <div id="Bg_4"></div>
 
Ultima modifica da un moderatore:
Non avevo detto come div, ma come <img>, ovvero <img src="blabla" alt="" id="Bg_4" /> e #Bg_4 quindi non avrà più gli attributi background-image, background-position e background-repeat
 
Non avevo detto come div, ma come <img>, ovvero <img src="blabla" alt="" id="Bg_4" /> e #Bg_4 quindi non avrà più gli attributi background-image, background-position e background-repeat

Mi sa che è il mal di testa... Comunque ti ringrazio adesso si vedono. ;)
 
Potete chiudere questa discussione. Ho risolto il problema. ;)