项目中遇到的问题——ie 浏览器不支持直接设置透明色

设置了透明色的颜色，在ie上的边框还是有颜色，一直没找到原因。原来是颜色不兼容。

这样设置在ie 下有红色的下划线，并且不起作用。

附上设置方法。

/*ie9以及 以上*/
          .pages{
                background: rgba(0,0,0,.5);
                height: 100px;
                text-align: center;
                margin:0 auto;
                line-height: 100px;
          }
        @media \0screen\,screen\9 {/* 只支持IE6、7、8 */
            .pages{
                background-color:#666;
                filter:Alpha(opacity=50);
                position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
                *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
                text-align: center;
            }
            .pages div{
                position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
            }

————————————————
版权声明：本文为CSDN博主「精诚smail」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/unique_jx/article/details/52789441