Div，背景图像和图像映射

Question

在我正在创建的网页上，我有一个带背景图片的div。我在图像上叠加了一些我经常更改的文字，这就是为什么我使用背景图片和真实文本而不是包含文本的img标签。

背景图片包含一些可点击区域，因此我需要一张图片地图。

我认为最好的方法是使用透明图像制作另一个叠加div，并为透明图像创建一个与背景区域可点击区域对应的图像映射。

我是在正确的轨道上，还是有更好的方法？

Answer 1

如果您只需要图像映射中链接的“矩形”形状，则可以使用css定义的链接位置。这是通过指定位置并将背景颜色设置为透明来实现的。以下是一个示例：http://www.position-relative.com/tutorials/tute1_css_bg_image.php

Answer 2

你可能会尝试将背景div放在“浮动”上 IE

div.background { float:left; }

因为它上面有一个“浮动”，背景的大小不会将它后面的div推到一边......

然后你可以制作第二个div来包含所有文本内容然后使用类似的东西：

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

将文本区域（您将要编辑很多）放在div背景上方

Answer 3

IE6不支持透明度，所以我建议你使用IE6 png修复黑客。