css如何让按钮透明?

css可以使用opacity属性设置按钮透明效果,css中opacity属性设置元素的不透明级别。IE8以及更早的版本支持替代的filter属性。例如:filter:Alpha(opacity=50)。

css使用opacity属性设置元素的不透明级别。

语法:

opacity: value|inherit;

属性值:

  • value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。

  • inherit 应该从父元素继承 opacity 属性的值。

示例:

使用opacity属性设置按钮透明效果,

HTML代码

<span id="testbtntext">查看</span><input type="button" class="btn_blue" id="testbtn" value="查看" />

css代码:

#testbtn{filter:Alpha(opacity=0.3); -moz-opacity:0.3;opacity:0.3;}
#testbtntext{ color:#000;position:relative;right:-px;top:0px;}

效果图:

以上就是css如何让按钮透明?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读