你怎么能做消失图像的背景？

Question

我有一个用 MVC4 创建的网站。

我有一张图片。我只想显示图像的形状（箭头）。而且我不想显示图像的其余部分（背景）。

<= 只有箭头的白色背景必须消失。

你是怎么做到的？

我试过了，但是整个图像会消失，而不是它的一部分：

.images_top {
    width: 30px;
    text-align: center; 
    vertical-align: top;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity:0;
}

Answer 1

首先，我认为您可以使用带 alpha 通道的 PNG。

如果这不可能，请查看本教程，了解如何使用 SVG 剪辑路径剪辑图像。 http://www.html5rocks.com/en/tutorials/masking/adobe/

尽管只有最近的浏览器才有可能。

Answer 2

使用 PNG 图像作为透明背景。您可以使用任何在线转换器将图像转换为 PNG。

Answer 3

除了现在得到更好支持的 PNG（和 PNG8 具有更好的回退支持（查看 IE）和（可配置的）透明颜色（来自调色板的索引）而不是 alpha，非常像 GIF)，还有 GIF 得到了 'always' 的支持（并且不再受法律问题的困扰，这只是因为它是基于 LZW 的压缩算法，那个可以绕过）。

由于缺少 alpha 通道，创建漂亮的透明 PNG8 和 GIF 图像（没有可怕的过度视觉颗粒（通常是白色）边框）在某种程度上是一门真正的艺术，实际上是像素艺术。
技巧是手动修饰颜色和透明度之间的边界，并将图像的背景颜色（从 alpha 通道渲染到单一颜色索引透明度时）设置为平均图像将要使用的背景颜色。

更胖的 png 的想法是它们有 alpha 通道，这会给你（为了清楚的例子）漂亮的阴影（如果你应用了这样的效果）将与 any[=24 混合=] 背景。现在使用现代浏览器，这工作得很好（并且不需要像素艺术）。像素艺术 PNG8/GIF 仍然可以占有一席之地，对于 base64 编码的 ui 元素，通常是小图标。

你怎么能做消失图像的背景？

How can you do disappear the background of an image?

html

css

asp.net-mvc

asp.net-mvc-4