Jquery 如何使CSS按钮看起来透明

我有下面的CSS，它制作了一个按钮，但我想有一个透明的效果（稍微看看后面的背景）。请注意，我不想让它完全透明，完全不可见。就一点点

我尝试过混用“不透明”，但这只会模糊图像并扭曲颜色

.i2Style {
  font:bold 20px"Arial Black", Gadget, sans-serif;
  font-style:normal;
  color:#ffd324;
  background:#158edb;
  border:0px solid #4a3a00;
  text-shadow:0px -1px 1px #222222;
  box-shadow:0px 0px 12px #2e2300;
  -moz-box-shadow:0px 0px 12px #2e2300;
  -webkit-box-shadow:0px 0px 12px #2e2300;
  border-radius:15px 15px 15px 15px;
  -moz-border-radius:15px 15px 15px 15px;
  -webkit-border-radius:15px 15px 15px 15px;
  width:87px;
  padding:20px 46px;
  cursor:pointer;
  margin:0 auto;
}

.i2Style:active {
  cursor:pointer;
  position:relative;
  top:2px;
}

---

因为你不是在寻找不透明度

在大多数情况下，不透明度到处都受支持。实际上，没有必要将回退措施保密，但这将有助于任何在更新浏览器方面落后的人

---

如果您想了解更多信息，只需谷歌css不透明度，或css不透明度图像

透明度由alpha通道确定

比如说,

.button{
  background-color: rgba(0,0,0,1); // red, green, blue, alpha
}

在

.button{
  background-color: rgba(0,0,0,0.5); // red, green, blue, alpha
}

---

黑色按钮，透明度50%

使用不透明度，它不会扭曲图像

.i2Style {
        opacity: 0.4;
        filter: alpha(opacity=40); /* For IE8 and earlier */
    }

---

尝试将背景更改为背景色：rgba（21142219.70）。这将使您的按钮保持坚实，但使背景稍微透明。

您能提供小提琴吗？css不透明度加上旧浏览器的回退就可以了it@BrettWeber这也将使OP在按钮中的字体透明，背景色可能是

rgba（1551550,0.5）

？@SamCreamer，我认为这可能比整个按钮的不透明度更好，因为需要可能的副本：回答好，解释简短明了谢谢@BrettWeber:）正如OP提到的，不透明度将使整个按钮透明，这不是我们想要的