在我正在创建的网页上，我有一个带有背景图像的 div。我在图像上覆盖了一些我会经常更改的文本，这就是为什么我使用背景图像和真实文本而不是包含文本的 img 标签。
背景图像包含一些可点击的区域，所以我需要一个图像映射。
我认为最好的方法是使用另一个带有透明图像的覆盖 div，并为与背景区域可点击区域相对应的透明图像设置一个图像映射。
我在正确的轨道上，还是有更好的方法？
问问题
13092 次
3 回答
6
如果您只需要图像映射中链接的“矩形”形状，则可以改用 css 定义的链接位置。这是通过指定位置并将背景颜色设置为透明来完成的。这是一个例子：http ://www.position-relative.com/tutorials/tute1_css_bg_image.php
于 2009-11-13T12:43:08.987 回答
1
IE6 不支持透明度，所以我建议你使用 IE6 png fix hack。
于 2011-10-26T19:35:04.710 回答
1
您可能会尝试将背景 div 放在“浮动”IE 上
div.background {
float:left;
}
因为它上面有一个“浮动”，所以背景的大小不会将后面的 div 推到一边......
然后你可以制作第二个 div 来包含所有的文本内容，然后使用类似的东西：
div.textarea{
position:realtive;
left:50px;
}
将文本区域（您将进行大量编辑）定位在 div 背景上方
于 2010-06-18T22:41:57.667 回答