盒子透明和背景透明-流浪者小站

盒子透明和背景透明

流浪者发布于2018-05-31 13:39 评论(0) 阅读()

背景透明的两种方式

整个盒子所有内容透明

-ms-filter:"alpha(opacity=50)"; /* 旧版IE 不常用 */

filter:"alpha(opacity=50)"; （表示兼容IE）

opacity:0.5;

仅背景透明

background：rgba（0,0,0,0.5）

背景色的渐变

/*IE 6 7 8 现在几乎不用*/

filter: progid: DXImageTransform.Microsoft.gradient
(gradientType=0,startColorStr=#c8720a,endColorStr=#f9aa4b);

/* 谷歌 */

background: -webkit-gradient
(linear, 0% 0%, 0% 100%,from(#337214), to(#73b826), to(#337214));

/* Safari 4-5, Chrome 1-9*/

background: -webkit-gradient
(linear, 0% 0%, 0% 100%, from(#337214), to(#73b826),to(#337214));

/* IE 10 */

background: -ms-linear-gradient
(top, #337214, #73b826, #337214);

/* 火狐 */

background: -moz-linear-gradient
(top,#337214,#73b826, #337214);

/* Safari5.1 Chrome 10+ */

background: -webkit-linear-gradient
(top, #337214, #73b826, #337214);

/* Opera 11.10+* /

background: -o-linear-gradient
(top, #337214, #73b826, #337214);

重要提示：背景色渐变可以填写多组值，但最少为两组