css - 提交按钮透明但不是文本

Question

我有一个提交按钮。我希望背景是透明的（%），而不是文本。文本必须保持不透明。我尝试过使用以下css：

opacity:0.2;
filter:alpha(opacity=40);

但这使得整个提交按钮透明化，包括文本。如何让文字保持干净？

Answer 1

IE8 不支持 rgba() 值，因此对于 IE8，您可以使用以下方法：

创建一个大于 1x1 像素的 png，它与背景的透明度相匹配。

对于 IE9+，您可以rgba(255,255,255,0.2);在background:元素上使用，这根本不会影响文本。

希望这可以帮助

Answer 2

    
 ＃按钮{
    宽度：52px；
    不透明度：0.6；
    过滤器：alpha（不透明度=60）；
     }
    div
     {
    位置：绝对；
    前10名;
    左：10；
    }

    <input type="submit" id="button" value=" ">
<div class="transbox">Submit</div>

我希望这段代码能帮助你