css如何实现按钮透明

来自:互联网
时间:2021-05-17
阅读:

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如何实现按钮透明

返回顶部
顶部