html5 - 怎样将按钮的背景变成透明的？

Question

有图片做背景 为了让按钮融入进去，想将其设置为透明的，可以显现背景图的。

Answer 1

以下看你需求三选一

background: transparent; /*完全透明*/

opacity: 0.7; /*整个按钮的不透明度，会影响到文字，0完全透明，1完全不透明*/

background: rgba(255, 255, 255, 0.7);    /* 仅调节背景的色彩，并加上不透明度，此例为70%不透明的白色 */  

---

补充一个，如果你用有alpha通道的24位png图作为按钮背景，也是可以实现半透明的（只要图片本身是半透明的）

Answer 2

CSS 指定按钮的背景时加上 alpha 值，比如 background: rgba(255, 255, 255, 0.5)