不透明度并填写css

Question

我正在adobe photoshop上制作一张图片。它在photoshop上的不透明度和填充值是100％（不透明度）和57％（填充）。我想知道如何将填充和不透明度转换为CSS？

Answer 1

RGBA颜色值指定为：rgba(red, green, blue, alpha). alpha参数是介于0.0（完全透明）和1.0（完全不透明）之间的数字。如果您想阅读所有相关信息，请访问https://www.w3schools.com/css/css3_colors.asp 您可以使用background-color :rgba(0,0,0,0.5)

Answer 2

我不熟悉Photoshop，但我知道在CSS中，你可以声明：

background: rgba(IntValueRed, IntValueGreen, IntValueBlue, FloatOpacity);

例如：

background: rgba(0, 0, 0, 0.4);

会产生40％不透明度的黑色背景。您还可以在img元素中使用opacity CSS属性，例如：

img {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}

有关详细信息，请参阅W3Schools

Answer 3

在Photoshop中，不透明度会影响图层图像和图层fx /样式，如投影。填充仅影响图层图像，并且不对应用于图层的fx执行任何操作。 导出图像时，所有内容都合并为RGBA。所以我不确定你为什么要实现填充，除非你想在webbrowser中动态调整它。在这种情况下，我将图像中的效果分割为两个在浏览器中叠加在一起的图像，然后您就可以控制效果和图像的不透明度。