WEB开发网
开发学院网页设计DivCss 兼容IE6的纯CSS背景半透明文字不透明 阅读

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

 2013-08-03 15:57:42 来源:WEB开发网   
核心提示:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>
<!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>
                <div class="alpha">
                        文字文字
                </div>
        </body>
</html>

Tags:兼容 IE CSS

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接