如何把html的按钮给变透明背景,css如何实现按钮透明

在css中，可以使用opacity属性设置按钮透明，语法“opacity:数值”，其中数值范围在“0.0-1.0”之间；当数值为1时表示完全不透明，当数值为0.5时表示半透明，当数值为0时表示完全透明。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

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

filter:Alpha(opacity=50)。

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

语法：opacity: value|inherit;

属性值：

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

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

示例：

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

HTML代码查看

css代码：#testbtn{

filter:Alpha(opacity=0.3);

-moz-opacity:0.3;

opacity:0.3;

}

#testbtntext{

color:#000;

position:relative;

right:-px;top:0px;

}

效果图：

推荐学习：css视频教程