HTML图片怎么设置透明度？ 如果你想要让你网页中的图片显示出一些透明度，那么HTML中有几个方法可以做到这一点。 方法一：使用CSS opacity属性 可以通过CSS的opacity属性来设置图片的透明度。这个属性接受一个0到1之间的数值，0表示完全透明，1表示完全不透明。 比如，假设你有一张图片的HTML代码是这样的：

    <img src="image.jpg" alt="My Image">

如果你想让这张图片显示出50%的透明度，那么你可以在CSS里这么写：

    img {
        opacity: 0.5;
    }

还可以用rgba()函数来设置图片的颜色和透明度，比如：

    img {
        background-color: rgba(255, 255, 255, 0.5);
    }

这样可以让图片的背景色继承父容器的背景色，同时有50%的透明度。 方法二：使用CSS filter属性 CSS的filter属性可以通过各种方法来修改元素的外观，包括图片的透明度。使用CSS filter属性的代码像这样：

    img {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }

这里的alpha(opacity=50)是IE的兼容写法，-moz-opacity是Firefox的兼容写法，-khtml-opacity是Safari的兼容写法。最后一个opacity属性是用来兼容大部分现代浏览器的。 方法三：使用PNG图片 最后一个方法是使用PNG图片。PNG支持透明度，所以你可以在Photoshop或其他图片编辑软件中将图片的背景删除，然后保存为PNG格式。这样，就可以让图片自身带有透明背景了。 总结 以上是三种在HTML中设置图片透明度的方法。如果你只是想让一张图片显示出透明度，那么第一种方法是最简单的；如果你需要兼容不同的浏览器，那么第二种方法是必须的；如果你需要更多的控制，比如让图片的背景透明，那么第三种方法是最好的选择。