cambiare sfondo al div [era:div e js... help!]

**DarkSign** · 05-02-2004, 10:46

Salve a tutti ragazzi!
Volevo sapere in che modo è possibile cambiare l'immagine di sfondo di un div. Mi spiego meglio:
Ho un div con un css che gli dà l'immagine di sfondo. Dinamicamente, con un javascript, come si cambia l'immagine di sfondo del div "passandoglielo" al css?
Spero ci sia una soluzione... ditemi di si... :metallica

**Xinod** · 05-02-2004, 12:24

clicca
ciao

**DarkSign** · 05-02-2004, 13:08

Grazzzzie 1000!
visto che siamo in discorso...

esiste un modo per spostare il focus su un div? Cioè:
nella mia pagina ho creato 4 div, uno dopo l'altro, tutti contenente un immagine di sfondo e leggermente sovrapposti. Così facendo, il primo div è sovrapposto dal 2o, che a sua volta è sovrapposto dal 3o che a sua volta è sovrapposto dal 4o. Ci siamo?
Come si può impostare il primo div, magari al passaggio del mouse, sovrapposto a tutti gli altri?

grazie ancora...

**Xinod** · 05-02-2004, 17:15

devi modificare lo z-index,
gioca un po' con questo esempio

codice:

<html>
<head>
<title></title>
<style type="text/css">
#lv0 {	
	top:150px;
	left:150px;
	background-color:#f0f0f0;
}
#lv1 {
	top:125px;
	left:175px;
	background-color:#ccffff;
}
#lv2 {	
	top:155px;
	left:225px;
	background-color:#99ccff;
}
#lv3 {
	top:180px;
	left:200px;
	background-color:#66ccff;
}
.livello {
	position:absolute;
	width:170px;
	height:170px;
	border:1px solid #003366;	
}
</style>
<script type="text/javascript">
lvTot=4
function ordina(el){
	for(var k=0;k<lvTot;k++){
		document.getElementById('lv'+k).style.zIndex=(k==el)?15:10+k
	}
}
</script>
</head>
<body>
<div id="lv0" class="livello" style="z-index:10" onmouseover="ordina(0)">lv0</div>
<div id="lv1" class="livello" style="z-index:11" onmouseover="ordina(1)">lv1</div>
<div id="lv2" class="livello" style="z-index:12" onmouseover="ordina(2)">lv2</div>
<div id="lv3" class="livello" style="z-index:13" onmouseover="ordina(3)">lv3</div>
</body>
</html>

Discussione: cambiare sfondo al div [era:div e js... help!]

Strumenti discussione

Ricerca discussione

Visualizza

div e js... help!

Permessi di invio