脚本宝典收集整理的这篇文章主要介绍了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代码

<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视频教程

以上就是css如何实现按钮透明的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的css如何实现按钮透明全部内容，希望文章能够帮你解决css如何实现按钮透明所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。