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:adient(startColorstr=@{argb},endColorstr=@{argb})";
-ms-filter:~"progid:adient(startColorstr=@{argb},endColorstr=@{argb})";
}
//use it
.bg{
.crossbrowser(red,.2);
}
解析出来的代码为：
.bg{
background-color:#ff0000;
background-color:rgba(255,0,0,0.2);
filter:progid:adient(startColorstr=#33ff0000,endColorstr=#33ff0000);
-ms-filter:progid:adient(startColorstr=#33ff0000,endColorstr=#33ff0000);
}
貌似不兼容IE9，由于IE9既支持filter，又支持rgba，重复导致背景重叠。最好的兼容Less代码是：
//define mixin
.crossbrowser-ie(@color,@alpha){
@rgba:rgba(red(@color),green(@color),blue(@color),@alpha);
@argb:argb(@rgba);
filter:~"progid:adient(enabled='true',startColorstr=@{argb},endColorstr=@{argb})";
}
.crossbrowser(@color,@alpha){
filter:none;
@rgba:rgba(red(@color),green(@color),blue(@color),@alpha);
@argb:argb(@rgba);
background-color:@color;
background-color:@rgba;
}
.bg{
.crossbrowser-ie(red,0.3);
}
:root.bg{
.crossbrowser(red,0.3);
}
解析出来的代码为：
.bg{
filter:progid:adient(enabled='true',startColorstr=#4dff0000,endColorstr=#4dff0000);
}
:root.bg{
filter:none;
background-color:#ff0000;
background-color:rgba(255,0,0,0.3);
}
我们做网页，多数在css定义，说到背景，一般大家都知道用：background或background-color加颜码或颜英文定义
比如：背景为黑就是：
background:#000000;
background-color:#000000;
background:black;
background-color:black;
以上都是可以的。
但随着css的版本越高，我们现在不仅只是设置颜，还可定义为透明或半透明等。那么怎么设呢，很简单，代码如下：
全透明：
background-color:transparent;
或background:transparent;
网页计算器html代码
都可以了，测一下试试，看是不是全透明了。
调整透明度代码:
除了用transparent来设置全透明外，其实，我们也可以用数值代码来设置透明度，看下面：
background-color:rgba(255,255,255,0.2);
首先，以上我们以白为例设置透明度，比如上面的前三个数字是颜值(相当于#FFFFFF)，后面一个就是透明度了。而上面这组举例就是模仿白全透明的，值为0.2，所以：如果你要调整透明度不要那么透，可加高数值，比如设为0.7的话，大概就只半透多点了。当然，你可以自己调试为你自己喜欢的透明度看看。
附注：兼容ie8代码：
以：background:rgba(255,255,255,0.7);为例
//需要在元素的样式中添加filter:progid:adient(startColorstr
=#B3FFFFFF,endColorstr=#B3FFFFFF);
其中#E6FFFFFF中的B3代表：透明度的计算方法：256*0.7=179.2取179通过计算转换为十六进制B3(16制转换也即HEX用windows计算器的编程模式或程序员模式转换出来)。#FFFFFF是255,255,255的颜代码。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。