Problema con z-index

[Derfel82]

Ciao a tutti.

ho un problema con l'utilizzo di z-index.
Ho provato a cercare ma non ho trovato discussioni che riguardino questo caso, o se ci sono vuol dire che non ho guardato bene, in tal caso mi scuso

Comunque, ho creato una classica immagine di pop-up con z-index, come tante che se ne vedono in giro.

Ma non riesco a trovare il modo di allegarci anche il pulsante Close X per poter farla chiudere.

Qualcuno mi può aiutare?

Questo è il codice che ho inserito fino ad ora.

<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:1
}
</style>

[img]cenasociale.jpg[/img]

Giusto per capirci questo è il sito come è ora, a me basterebbe far chiudere l'immagine una volta che è stata vista.
www.sciclubpisogne.com

E' fattibile?

[Mich_]

Il "bottone" non puo` far parte dell'immagine.
Eventualmente puoi assegnare un comportamento all'evento onclick su tutta l'immagine (non so pero` quanto e` supportato dai vari browser - i piu` recenti dovrebbero supportarlo):
[img]cenasociale.jpg[/img]

Oppure il bottone e` un altro elemento contenuto in un div che contiene anche l'immagine:
<div id="x">
<img ...>


close</p>
</div>
In questo caso devi poi posizionare sia l'immagine che il bottone all'interno del div.

Oppure puoi applicare un'area sensibile all'immagine (<map> e <area>) e agire con JS tramite l'area.

Nota che tutte queste tecniche fanno uso di JS, per cui vanno usate con cognizione di causa (che succede se il brwoser ha JS disabilitato?): in linea di massima va usato JS anche per far apparire l'immagine, in modo che se non funziona JS, l'immagine (o il div) non viene neppure mostrato.

[Derfel82]

Perfetto,
tra poco provo e poi ti faccio sapere.
Intanto ti ringrazio per la risposta

Edit : Perfetto, con l'evento onclick funziona alla grande.
Grazie mille!