兼容IE6的纯CSS背景半透明文字不透明

当前位置 : 首页 > 网页制作 > CSS > 兼容IE6的纯CSS背景半透明文字不透明

兼容IE6的纯CSS背景半透明文字不透明

来源: 作者: 时间:2016-01-29 09:12
!DOCTYPE htmlhtml lang=en head meta charset=UTF-8 title ...
<!DOCTYPE >

<html lang="en">

        <head>

                <meta charset="UTF-8">

                <title>

                        IE背景半透明

                </title>

                <style type="text/css">

                .alpha{

                        width: 100px;

                        height: 100px;

                        color: #fff;

                        background: rgba(0, 0, 0, .3);

                        filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #50000000, endColorstr = #50000000)\9;

                }

                :root .alpha{

                        filter: none;           /*for IE9*/

                }

                </style>

        </head>

        <body>

                <div class="alpha">

                        文字文字

                </div>

        </body>

</html>









 

Tag:
网友评论

<