Div，背景图片和图片地图

Question

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

背景图像包含一些可点击的区域，所以我需要一个图像映射。

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

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

Answer 1

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

Answer 2

东西，你可以尝试是将背景格上“漂浮” IE

div.background { float:left; }

，因为它有一个就可以了“漂浮”的背景的大小不会推动它之后走到一边的div ...

那么你可以让第二个div来包含所有文字东西，然后使用类似：

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

来定位DIV背景

Answer 3

IE6不支持透明，所以我建议你使用IE6 PNG修复黑客上面的文字区域（即你会被编辑了很多）。