在我创建的网页上,有一个带背景图的div。我在图像上叠加了一些文字,这些文字会经常更改,所以我使用了一个背景图和真正的文字,而不是包含文本的img标签。
背景图片包含一些可点击的区域,因此我需要一个图像映射。
我认为最好的方法是再添加一个带有透明图像的叠加div,并为透明图像设置一个与背景可点击区域相对应的图像映射。
我走在正确的轨道上吗?还是有更好的方法?
你可以尝试将背景div设置为"float",如下:
div.background {
float:left;
}
由于它有一个"float"属性,背景的大小不会将其后面的div推到一边...
然后你可以创建第二个div来包含所有文本内容,然后使用类似以下的代码:
div.textarea{
position:realtive;
left:50px;
}
将文本区域(您将经常编辑的区域)定位在div背景上方
IE6不支持透明度,所以我建议您使用IE6 png修复hack。