opacity的取值范围(聊聊Color中的alpha值)

本文目录
- 聊聊Color中的alpha值
- CSS 透明度怎么设置 filter:alpha(opacity=10); 我这句话在IE中有效 在其它的浏览器中就没效(Opera)
- 有没有浏览器可以调透明度
- filter:alpha(opacity=80);在css里给的是那的属性
聊聊Color中的alpha值
本文主要介绍下java Color对象中的alpha值。
java/awt/Color.java
color对象里头的alpha其实是指不透明度,其值范围为0-255,越大越不透明。
其通常对应opacity,这个就是单词语义表达的不透明度,其值范围,值越大,越不透明。
opacity与alpha之间的主要关系列表如下
这个怎么转义呢,如下
再将int输出为十六进制的表示方式
CSS 透明度怎么设置 filter:alpha(opacity=10); 我这句话在IE中有效 在其它的浏览器中就没效(Opera)
css中
filter仅支持ie6以及以上版本,
其余浏览器,包括firefox,chrome,opera,Safari都不支持。
要在这些版本设置透明度,可用opacity属性,
支持的浏览器包括IE 9.0,Firefox,Safari,Chrome,opera。
opacity取值在0到1之间浮动
以下是示例代码
《!DOCTYPE html》
《html lang="zh-cn"》
《head》
《meta charset="utf-8" /》
《title》opacity_CSS参考手册_web前端开发参考手册《/title》
《style》
h1{margin:10px 0;font-size:16px;}
.test{width:300px;height:150px;padding:10px;background:#050;}
.test2{width:300px;height:150px;margin:-120px 0 0 50px;padding:10px;background:#000;filter:alpha(opacity=50);opacity:.5;color:#fff;}
《/style》
《/head》
《body》
《h1》下例是一个半透明的效果:《/h1》
《div class="test"》不透明度为100%的box《/div》
《div class="test2"》不透明度为50%的box《/div》
《/body》
《/html》
有没有浏览器可以调透明度
FireFox下透明度设置的方法是:opacity=opacityValue;
opacityValue的取值范围是【0.0~1.0】即0到1的小数
IE下透明度设置的方法是:filter:alpha(opacity=opacityValue);
opacityValue的取值范围是【0~100】即0到100的整数
以下是firefox下的透明度设置例子
以下是IE下的透明度设置例子
filter:alpha(opacity=80);在css里给的是那的属性
filter:alpha(opacity=80); 这个是设置背景的透明度。filter:alpha(opacity=80); 这个后面还可以加一个 filter:alpha(opacity=80);opacity:0.8; 前一个opacity取值范围是0-100,后一个opacity取值范围是0-1

更多文章:
html按钮的类型(html编程里的界面设置按钮类型,如下图的描述,该如何编写点击上排的按钮,在下面显示内容,不换网页)
2026年2月22日 20:45
为什么爬虫都用python(为什么写爬虫都喜欢用python)
2025年8月4日 14:00
anticipate的同义词(怎样记住单词anticipate)
2026年3月15日 20:30
vlookup函数的功能和用法(vlookup函数的主要功能是什么)
2025年11月6日 22:15
需要用到volatile的场合(java volatile在什么场景下适用)
2026年6月3日 11:15
order by原理(oracle中在in子查询语句中order by排序能否用)
2025年7月25日 15:00
jav hdxrw(jAVHDc0M丁uB8 m.tub8为什么找不到一答案.me)
2026年5月16日 08:45
extension strategy(jdbc链接oracle网络适配器问题)
2025年11月5日 14:45
织梦内容管理系统打开要什么(织梦内容管理系统打开时怎么那么慢)
2026年2月23日 22:15
ueditor上传图片写入数据库(ueditor富文本编辑器上传图片怎么配置)
2025年12月7日 11:00
使用md5后能不能破解(用MD5加密后的字段有反解密的方法吗)
2025年10月15日 18:00












