2024年4月15日发(作者:)
html透明颜色黑绿色代码
使用Less语句//define mixin
.crossbrowser(@color,@alpha){
@rgba:rgba(red(@color),green(@color),blue(@color),@alpha);
@argb:argb(@rgba);
background-color:@color;
background-color:@rgba;
filter:~"progid:nt(startColorstr=@{argb},e
ndColorstr=@{argb})";
-ms-filter:~"progid:nt(startColorstr=@{ar
gb},endColorstr=@{argb})";
}
//use it
.bg{
.crossbrowser(red,.2);
}
解析出来的代码为:
.bg{
background-color:#ff0000;
background-color:rgba(255,0,0,0.2);
filter:progid:nt(startColorstr=#33ff0000,e
ndColorstr=#33ff0000);
-ms-filter:progid:nt(startColorstr=#33ff00
00,endColorstr=#33ff0000);
}
貌似不兼容IE9,由于IE9既支持filter,又支持rgba,重复导致背景重叠。最好的兼
容Less代码是:
//define mixin
.crossbrowser-ie(@color,@alpha){
发布者:admin,转转请注明出处:http://www.yc00.com/web/1713131957a2189186.html
评论列表(0条)