css 透明度

.box3{
                width: 200px;
                height: 200px;
                background-color: yellowgreen;
                
                position: absolute;
                top: 200px;
                left: 200px;
                z-index: 30;
                
                /**
                 *     设置元素的透明背景
                 *     opacity可以用来设置元素背景的透明,它需要一个0-1之间的值:
                 *         0:
                 *            表示完全透明
                 *         1:
                 *             表示不透明
                 *         0.5:
                 *             表示半透明
                 */
                opacity: 0.5;
                
                /**
                 *     opacity属性在IE8及以下的浏览器中不支持
                 *     
                 *     IE8及以下的浏览器需要使用"alpha(opacity=透明度)"属性代替,其中透明度需要一个0-100之间的值:
                 *         0:
                 *             表示完全透明
                 *         100:
                 *             表示不透明
                 *        50:
                 *             表示半透明     
                 * 
                 *     这种方式也支持IE6,但是这种效果在IE Tester中无法测试
                 */
                filter: alpha(opacity=50);

posted on 2022-12-01 22:05  四海骄阳  阅读(46)  评论(0编辑  收藏  举报

导航