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

    
 #button{
    width: 52px;
    opacity:0.6;
    filter:alpha(opacity=60);
     }
    div
     {
    position: absolute;
    top: 10;
    left:10;
    }

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

我希望这段代码可以帮助你

提交按钮透明但不是文本

2 个答案: