Div, фоновое изображение и изображение карты

Question

На веб-странице, которую я создаю, у меня есть div с фоновым изображением. Я накладываю текст поверх изображения, которое я буду часто менять, поэтому я использую фоновое изображение и реальный текст вместо тега img, который содержит текст.

Фоновое изображение содержит несколько областей с возможностью нажатия, поэтому мне нужна карта изображения.

Я думаю, что лучший способ сделать это - это создать еще один div с прозрачным изображением и иметь карту изображений для прозрачного изображения, которая соответствует областям щелчка в фоновой области.

Я на правильном пути или есть лучший способ?

Answer 1

Если вам нужна только форма «прямоугольник» для ссылок на карте изображения, вы можете вместо этого использовать определенные ссылки css. Это достигается путем указания положения и установки прозрачного фона. Вот пример: http://www.position -relative.com / tutorials / tute1_css_bg_image.php

Answer 2

IE6 не поддерживает прозрачность, поэтому я рекомендую вам воспользоваться взломом IE6 png fix.

Answer 3

то, что вы можете попробовать, это поместить фоновый div в "float" IE

div.background { float:left; }

, так как он имеет "float" на нем, размер фона не будет сдвигать div, которые идут после него, в сторону ...

тогда вы можете сделать второй div, содержащий все текстовые элементы, а затем использовать что-то вроде:

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

для размещения текстовой области (которую вы будете много редактировать) над фоном div