非矩形圖像

有沒有辦法將一個圖像與頁面上的非矩形區域？舉例來說，圖像形狀像這樣：非矩形圖像

____ 
    | | 
    | | Place links, etc. here 
    | |_________________________ 
    |        | 
    |______________________________|

我知道一個可以使用絕對定位，只是發生在圖像中的空白文本，但我寧願避免這種情況的解決方案。

2011-08-25 Brad

它是html/css？ –

這是Android還是MySQL？ –

圖像總是長方形的，你怎麼創造不同的東西？你在找[圖片地圖]（http://en.wikipedia.org/wiki/Image_map）嗎？ –

創建圖像的矩形爲正常，用尺寸設置爲包含您希望您的鏈接/文本/不管出現，而只是使該地區的鏈接/文本/不管的區域透明（或相同的顏色作爲背景），然後創建一個div像這樣：

<div style="background: url('yourimage.png') no-repeat; padding-left: 150px; padding-top: 50px;">Links and text go here</div>

（假設你的文字/地區無論是從左邊150個像素，50個像素從圖像的頂部）

2011-08-25 03:00:10 Josh1billion

我要先試一下，謝謝。 – Brad

不客氣。我忘記提到的一件事是，您可能想要將div的寬度和高度設置爲等於圖像的寬度和高度。 – Josh1billion

它工作。再次感謝 – Brad

如果這是在HTML然後我不相信這是可能的，除了使用你已經建議的解決方案。或屠宰你的形象，並使用此解決方案： http://meyerweb.com/eric/css/edge/raggedfloat/demo.html

2011-08-25 03:00:22 AaronHolland

我想我可能會嘗試了這一點，謝謝！ – Brad

回答