让我们来解释一下如何设置css图片的透明度。相信朋友们也应该密切关注这个话题。现在我们来谈谈如何为朋友设置css图片的透明度。边肖还收集了如何设置css图片透明度的相关信息。我希望你看到后会喜欢。
在css中，图片的透明度可以通过不透明度属性来设置，这在“opacity:value | inherit”的语法中使用，其中参数值指定不透明度，而inherit指示不透明度属性的值应该从父元素继承。
本文操作环境：windows7系统，HTML5CSS3版本3，戴尔G3电脑。
不透明度属性设置元素的不透明度级别。
语法
opacity:值| inherit值指定不透明度。从0.0(完全透明)到1.0(完全不透明)。试验
Inherit应该从父元素继承不透明度属性值。
让我们看一个css中的不透明度属性如何设置图片透明度的例子：
css:
奥帕市，奥帕市。不透明度_ img { display : inline-block；}
. opacity1 { filter: Alpha(不透明度=0)；}
. opacity2 { filter: Alpha(不透明度=50)；}。不透明度_img { filter: Alpha(不透明度=100)；}
: root . opa city { opa city 3360 0；filter:无；}
: root . opa city { opa city 3360 . 5；filter:无；}
:root。不透明度_ img { opa city 3360 1；filter:无；}
html:
p
a href='#' class='opacity '
img类='不透明度_img' src='
' /
/a
/p
p
a href='#' class='opacity '
img class=' opa city ' src='//image . Zhang xinxu.com/image/study/s/s256/mm1 . jpg '/
/a
/p渲染：
注意：
目前主流浏览器都支持opacity:value写入，值为0-1，0为完全透明，1为完全不透明。
但是IE8和更早的版本不支持这种写入方式，所以我们可以用0-100的值来解决filter:alpha(不透明度=value)的问题，其中0是完全透明的，100是完全不透明的。就像上面的例子。
【推荐学习：css视频教程】以上就是如何设置css图片透明度的细节。请多关注php中文网站的其他相关文章！
来源：php中文网站
标签：
免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！