本文主要是介绍IE7下的浮动弹出框背景透明,背景为黑色改为透明,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
最近在做公司页面时遇到一个问题,就是做了个点击弹出日计费流量浮动框,实现该功能了,在IE11-9下能正常运行,但是一到IE7,8下浮动框背景就是全黑色,并不是透明的,后面网上找了一会儿发现了解决方法,就是将浮动层样式背景颜色改为 background:transparent;这里的transpanrent好像有点学问,需要的自己去了解下。
.theme-popover-mask {
z-index: 9998;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: #000;设置这个属性在IE7下不兼容*/
/*要在IE7下兼容(浮动背景透明只能设置以下属性background:transparent;)*/
background:transparent;
opacity: 0.4;
filter: alpha(opacity=40);
display: none;
}
改之前效果如下:后面完全一坨黑啊
改成 background:transparent;后果然浮动背景在IE7下面也是透明的了,算是解决了,不过后台写前端真是蛋疼。。
改后IE7下效果如下:
这篇关于IE7下的浮动弹出框背景透明,背景为黑色改为透明的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!