Div, Immagine di sfondo e mappa immagine

Question

In una pagina Web che sto creando, ho un div con un'immagine di sfondo. Sovrappongo del testo sull'immagine che cambierò frequentemente, ecco perché sto usando un'immagine di sfondo e un testo reale invece di un tag img che contiene il testo.

L'immagine di sfondo contiene alcune aree selezionabili, quindi ho bisogno di una mappa immagine.

Penso che il modo migliore per farlo sia di avere un altro overlay div con un'immagine trasparente e di avere una mappa immagine per l'immagine trasparente che corrisponda alle aree cliccabili dell'area di sfondo.

Sono sulla buona strada, o c'è un modo migliore?

Answer 1

Se è necessaria la forma "rettangolo" per i collegamenti nella mappa immagine, è possibile utilizzare invece posizioni di collegamento definite css. Questo si ottiene specificando la posizione e impostando il colore di sfondo su trasparente. Ecco un esempio: http://www.position-relative.com/tutorials/tute1_css_bg_image.php

Answer 2

qualcosa che si potrebbe provare sta mettendo il div sfondo su "galleggiare" IE

div.background { float:left; }

sin dal suo ottenuto un "galleggiare" su di esso la dimensione dello sfondo wont spingere i div che vengono dopo di lato ...

allora si può fare una seconda div per contenere tutto il materiale di testo e quindi usare qualcosa come:

div.textarea{ position:realtive; left:50px; }

per posizionare l'area di testo (che il youll essere la modifica di molto) sopra lo sfondo div

Answer 3

IE6 non supporta la trasparenza in modo vi consiglio di utilizzare l'IE6 PNG fix mod.