在我创建的网页上，有一个带背景图的div。我在图像上叠加了一些文字，这些文字会经常更改，所以我使用了一个背景图和真正的文字，而不是包含文本的img标签。
背景图片包含一些可点击的区域，因此我需要一个图像映射。
我认为最好的方法是再添加一个带有透明图像的叠加div，并为透明图像设置一个与背景可点击区域相对应的图像映射。
我走在正确的轨道上吗？还是有更好的方法？
3个回答
6
如果您只需要在图像映射中使用“矩形”形状，可以使用CSS定义的链接位置。这可以通过指定位置并将背景颜色设置为透明来实现。以下是一个示例：http://www.position-relative.com/tutorials/tute1_css_bg_image.php。
- James Kolpack
1
你可以尝试将背景div设置为"float"，如下：
div.background {
float:left;
}
由于它有一个"float"属性，背景的大小不会将其后面的div推到一边...
然后你可以创建第二个div来包含所有文本内容，然后使用类似以下的代码：
div.textarea{
position:realtive;
left:50px;
}
将文本区域（您将经常编辑的区域）定位在div背景上方
- carl crott
1
IE6不支持透明度，所以我建议您使用IE6 png修复hack。
- Rathienth Basaran
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接