Z-index

[scartus13]

salve a tutti, vorrei capire bene come funziona lo z-index, perche a volte non funziona? ha bisogno di requisiti particolari?

 

[borgo italia]

ciao
dai un occhio qui
http://www.w3schools.com/cssref/pr_pos_z-index.asp

 

[scartus13]

Le ho provate tutte, deve esserci un qualche tipo di conflitto. Metto l'img relative, z-index -1 e lo z-index del box a 1 per sicurezza. Niente! :incazz2:

 

[borgo italia]

ciao
prova a postare la parte di css interessata e spiega cosa vuoi ottenere (eventualmente con un'immagine)

 

[scartus13]

http://llcoverband.altervista.org/

questo è il sito: vorrei ottenere la chitarra con scritto foto al centro, per metà coperta dal box chiamato "centro".

 

[borgo italia]

ciao
da quello che ho capito vuoi che il box copra la chitarra
prova così

#centro{
	margin-left: 21%;
	margin-top: 14%;
	width: 50%;
	height: auto;
	background-color: rgba(0,0,0, 0.8);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 1px 1px 10px 0px red inset;
	color:red;
	font-size: 130%;
	padding: 1%;
	position: relative;
	z-index: 99;
}

<img src="chitarra.png" style=" margin-top: -50px; position: relative; z-index: 1;" width="40%">

 

[scartus13]

Niente, anzi mi sparisce la scritta "Foto"

 

[borgo italia]

ciao
sei sicuro? ma non è così che la volevi?
con firefox23

analogo per l'altra

 

[MarcoGrazia]

@scartus13: non usare z-index negativi come in

<img src="chitarra.png" width="30%" style=" margin-top: -35px; position: relative; z-index: -1;"><p

non sono interpretati correttamente, inoltre parti sempre da body {z-index: 1} e poi sali, alcuni browser come i vecchi IE (ma va?) non interpretavano correttamente z-index dati a casaccio nel codice se non si partiva dal body. E non ci metterei la mano che non si comportino così anche gli ultimi modelli della Microsoft!
Tanto per capirsi: http://www.diodati.org/w3c/css2/visuren.html#propdef-z-index