[小技巧]兼容IE6的纯CSS背景半透明文字不透明

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title>
  6.                         IE背景半透明
  7.                 </title>
  8.                 <style type="text/css">
  9.                 .alpha{
  10.                         width: 100px;
  11.                         height: 100px;
  12.                         color: #fff;
  13.                         background: rgba(0, 0, 0, .3);
  14.                         filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #50000000, endColorstr = #50000000)\9;
  15.                 }
  16.                 :root .alpha{
  17.                         filter: none;           /*for IE9*/
  18.                 }
  19.                 </style>
  20.         </head>
  21.         <body>
  22.                 <div class="alpha">
  23.                         文字文字
  24.                 </div>
  25.         </body>
  26. </html>



=======================签 名 档=======================

原文地址(我的博客):http://www.clanfei.com/2013/07/1714.html
欢迎访问交流,至于我为什么要多弄一个博客,因为我热爱前端,热爱网页,我更希望有一个更加自由、真正属于我自己的小站,或许并不是那么有名气,但至少能够让我为了它而加倍努力。。
=======================签 名 档=======================




  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值