非矩形图像

有没有办法将一个图像与页面上的非矩形区域？举例来说，图像形状像这样：非矩形图像

____ 
    | | 
    | | 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

回答