css中的opacity属性可以设置元素透明度。
属性语法为:opacity: value|inherit;
属性值:
value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。
inherit 应该从父元素继承 opacity 属性的值。
推荐:css文档
示例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>设置元素透明度</title> <style type="text/css"> .div1 { filter:alpha(opacity=50); opacity:0.1; width:100px; height:100px; background-color:green; } .div2 { filter:alpha(opacity=50); opacity:0.5; width:100px; height:100px; background-color:green; } </style> </head> <body> <div class="div1"></div> <div class="div2"></div> </body> </html>
效果如下:
更多web前端相关知识,请查阅 HTML中文网 !!
以上就是css如何设置元素透明?的详细内容,更多请关注易知道|edz.cc其它相关文章!