在一些网站的登录页面上, 经常可以发现, 一张图片叠加在另一张图片上, 底层的图片若隐若现, 利用 CSS 中的透明属性 opacity 可以实现这种效果.
通过 opacity 属性来设置图片透明度, IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x).
CSS 代码:
- img
- {
- opacity:0.4;
- filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
- }
效果图:
常规图像:
带有透明度的相同图像:
CSS 可以通过 opacity 属性来设置图片透明度, opacity 属性能够设置的值从 0.0 到 1.0. 值越小, 越透明. IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x).x 能够取的值从 0 到 100. 值越小, 越透明.
来源: http://www.css88.com/qa/css3/12360.html