您现在的位置：首页 >> 前端 >> 内容

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

时间：2013/8/5 8:42:13 点击：

　　核心提示：!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleIE背景半透明/titlestyle type=text/css.alpha{width: 10...

<!DOCTYPE html>

<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>

                <p class="alpha">

                        文字文字

                </p>

        </body>

</html>