CSS设置透明度

最新推荐文章于 2024-09-23 02:01:58 发布

陈田田

最新推荐文章于 2024-09-23 02:01:58 发布

阅读量2k

点赞数

分类专栏： CSS 前端集结号文章标签： css 透明度设置透明背景

本文链接：https://blog.csdn.net/candy_tity/article/details/53083820

版权

前端集结号同时被 2 个专栏收录

61 篇文章 5 订阅

订阅专栏

CSS

12 篇文章 0 订阅

订阅专栏

div{
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
}

下面是我用到的一个例子，最终效果为：

这里写图片描述

这里底部的小条就是透明的，其样式为：

    .ck-slideBox {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 36px;
        background: #000;
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        opacity: .5;
        text-align: center;
        z-index: 10;
    }