半透明样式

Posted on | Post modified: | In
Words count in article: 104 | Reading time ≈ 1

UI上，有时候加上半透明，会比较好看。

下面列两种常用的设置半透明。

设置div或者图片的半透明，可以使用下面的设置。

1
filter: alpha(Opacity=60);-moz-opacity: 0.6;opacity: 0.6;

在设置输入框的时候，发现上面的写法不太适合。推荐下面的写法。

1
2
3
background:transparent;
background-color: rgba(255,255,255,0.25);
color: #fff;

样式效果参考：

image-20200709144115568