html 中按钮控件变为透明,css如何实现按钮透明

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

ec8ed033a8d704b8b38954637a53f4a8.png

本教程操作环境: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;

}

效果图:

20d87715348fa3f967c2e313a656deec.png

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值