站内搜索:
首页 >> 前端 >> 内容
兼容IE6的纯CSS背景半透明文字不透明

时间:2013/8/5 8:42:13

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









 

  • 上一篇:HTML表单综合实例
  • 下一篇:案例分析如何设计出符合访客需求的站内搜索
  • 返回顶部