html透明颜色黑绿色代码

html透明颜色黑绿色代码


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条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信