如何在Windows 8 html5现代UI中显示没有背景的图像?

时间:2012-08-25 09:33:44

标签: javascript html5 windows-8 microsoft-metro windows-runtime

我有一个想要在html5页面上显示的图像。当我在页面上显示图像时,图像的背景也是白色方形背景。我只希望实际的图像形状出现在页面上。

我已经给出了下面类似图片的链接。在这张图片中,我只想要绿色的圆形和它内部的箭头而不是它的方形白色背景。

任何想法如何仅显示实际图像而不显示另一个。

http://www.bing.com/images/search?q=next+icon&view=detail&id=F55BB11D07B0F03037054A4112AE608758BDB56D&FORM=IDFRIR

1 个答案:

答案 0 :(得分:4)

图像必须是透明的PNG才能工作。此外,如果有img标记

,则必须删除它的背景颜色

例如:

<div style="width:300px;height:300px; background-color:#000">
    <img src="http://icons.iconarchive.com/icons/visualpharm/must-have/256/Next-icon.png" style="background: none;" border="0" alt="" />
</div>