最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css 图片透明度设置教程
时间：2014-04-06 编辑：简简单单 来源：一聚教程网
opacity设置透明度
在图片的属性中加上 opactiy
例子
| 代码如下 | 复制代码 |
|
img |
|
其实只要这样就OK了，如果不针对IE甚至只要第一行，关键在于——啥，透明度的单词怎么拼，仅此而已。
但上面只能用ie浏览器，后来找到一个兼容性比较强的
| 代码如下 | 复制代码 |
|
{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: |
|
opacity是最重要的，因为它是CSS透明的标准属性，取值范围在0-1之间，目前支持的浏览器有：Firefox、Chrome、Opera、Safari。（也就是说，除了IE，它支持所有主流浏览器）；filter:alpha(opacity=50);是专门给IE设定的属性，取值的范围在0-100之间；-moz-opacity是为了兼容一些老版本的Mozilla浏览器，取值范围在0-1之间；-khtml-opacity是为了兼容一些老版本的Safari浏览器，取值范围在0-1之间
-
上一个： CSS3中简单的文字渐变效果例子
-
下一个： css3响应式布局-样式表中内嵌法
相关文章
- css background设置背景图片技巧及Sprite的应用 01-05
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26