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修復黑客上面的文字區域（即你會被編輯了很多）。