<html>
<head>
<style>
.loginPart{
width: 380px;
height: auto;
position: fixed;
right: 12%;
//这三行代码就可以实现chrome、Firefox等背景透明文字不透明
background: #F1480F;
background: rgba(241,72,15,.5) !important;
filter: Alpha(opacity=50);
border: 1px solid #ccc;
border-top: 2px solid #FF8400;
padding: 30px 0 10px 0;
box-sizing: border-box;
top: 22%;
}
//此内容为了实现IE上面背景透明文字不透明
.login-content{
width: 300px;
margin:0 auto;
position: relative;
}
</style>
</head>
<body>
<div class="loginPart">
<div class="login-content">
登录框内容
</div>
</div>
</body>
</html>
注：如若喜欢，欢迎转载，请在文章页面明显位置给出此文链接！
若您觉得这篇文章还不错请点击下右下角的推荐，有了您的支持才能激发作者更大的写作热情，非常感谢！
原文：http://www.cnblogs.com/cara-front-end/p/5207398.html