CSS实现背景透明、文字不透明(兼容各浏览器)

python网站前端开发工程师 web前端开发工程师怎么样 前端开发工程师怎么样
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <title>web开发者网络 – [url]www.admin10000.com[/url]</title>
    <style type=”text/css”>
        .warp {
            background: #eee url(apic1722.jpg) no-repeat left top;
            width: 440px;
            height: 400px;
            border: 1px solid #ccc;
        }
        .content {
            width: 180px;
            height: 260px;
            margin: 0px auto;
            padding: 30px 30px;
            background: rgba(255, 255, 255, 0.6) !important;
            filter: Alpha(opacity=60);
            background: #fff;
            /* / 使用IE专属滤镜实现IE背景透明/ */
        }
        .content p {
            position: relative;
        }
        /* /实现IE文字不透明/ */
    </style>
</head>
<body>
    <div class=”warp”>
        <div class=”content”>
            <p>Admin10000.com 是web开发者学习交流必备网站。Admin10000.com 是web开发者学习交流必备网站。Admin10000.com 是web开发者学习交流必备网站。Admin10000.com
                是web开发者学习交流必备网站。Admin10000.com 是web开发者学习交流必备网站。Admin10000.com 是web开发者学习交流必备网站。</p>
        </div>
    </div>
</body>
</html>
前端开发工程师考核指标 web前端开发工程师掌握的技术 软件前端开发和后端开发工程师
» 本文来自:前端开发者 » 《CSS实现背景透明、文字不透明(兼容各浏览器)》
» 本文链接地址:https://www.rokub.com/6038.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!