css关于背景透明里面文字不透明办法

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

 

  • 正确的样子即此例子效果

 

  • 背景不透明的样子

 

  • 背景文字都透明的样子

 



注：如若喜欢，欢迎转载，请在文章页面明显位置给出此文链接！
若您觉得这篇文章还不错请点击下右下角的推荐，有了您的支持才能激发作者更大的写作热情，非常感谢！

posted @ 2016-02-22 15:52  Caraxiong  阅读(194)  评论(0)  编辑  收藏  举报