Div, Image d'arrière-plan et Image Map

Question

Sur une page Web que je crée, j'ai une div avec une image de fond. Je superpose du texte sur l'image que je vais changer fréquemment, c'est pourquoi j'utilise une image de fond et du texte réel au lieu d'une balise img qui contient le texte.

L'image d'arrière-plan contient certaines zones cliquables, j'ai donc besoin d'une carte-image.

Je pense que le meilleur moyen d'y parvenir est d'avoir un autre div overlay avec une image transparente, et d'avoir une carte d'image pour l'image transparente qui correspond aux zones cliquables de la zone d'arrière-plan.

Suis-je sur la bonne voie, ou existe-t-il un meilleur moyen?

Answer 1

Si vous avez seulement besoin de la forme "rectangle" pour les liens dans l'image cliquable, vous pouvez utiliser les positions de liens définies par css à la place. Ceci est accompli en spécifiant la position et en définissant la couleur d'arrière-plan sur transparent. Voici un exemple: http://www.position-relative.com/tutorials/tute1_css_bg_image.php

Answer 2

quelque chose que vous pouvez essayer est de placer le div de fond sur « flotter » IE

div.background { float:left; }

depuis sa obtenu un « flotter » sur elle la taille de l'arrière-plan wont pousser les divs qui viennent après le côté ...

vous pouvez alors faire une seconde div pour contenir tous les trucs de texte, puis utiliser quelque chose comme:

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

pour positionner la zone de texte (qui youll l'édition d'un lot) au-dessus du fond div

Answer 3

IE6 ne supporte pas la transparence, donc je vous recommande d'utiliser le hack solution du IE6.