2011-12-13 151 views
1

我有下面的图像 - 是否有可能使用HTML/CSS填充颜色(例如:三角形中的部分)?HTML/CSS填充和图像

enter image description here

或者,我可以创建这个形状与HTML/CSS,然后补吗?

或者我必须使用彩色图像吗?

将是最好使用HTML/CSS完全或至少填充图像..

THX

回答

1

如果你离开,你要填写TRANSPARANT那么部分你可以用一个颜色使用填充CSS。如果你想在不使用图像的情况下创建三角形,可以使用SVG,但某些版本的IE(8或更旧版本)不支持该图形,或者可以使用Raphael JS将其绘制在几乎所有的浏览器中。

1

HTML和CSS实际上并没有做任何事情,它们只是标记应该呈现的东西。所以不,你不能用HTML和CSS编辑图片,尽管它可能用JavaScript。

你可以使用HTML和CSS做的是显示用alpha通道的图像,并设置包含该图像的元件上的背景颜色。背景颜色将显示在图像透明的位置。

1

你可以...确保您的PNG的三角部分是透明的,其余的白色......在具有相同的宽度和高度为你的PIC一个div地方你的形象,并给该分区的背景颜色。瞧......除了透明的三角形,一切都是白色的。

祝你好运。

<div style="width:66px;height:30px;background-color:green;"> 
    <img src="yourimage" alt="" /> 
</div>