我如何允许 div 不透明度而不是背景图像?
在 ajax 请求中,以下类将应用于选定的 div。该 div 的所有内容都变得不透明。然而,后台ajax加载指示器也变得不透明。如何使背景图像不变得不透明?
.ajax-mask
{
opacity: 0.5;
filter: alpha(opacity=50);
background: url('/Images/Ajax/Ajax.gif') no-repeat center center;
}
(抱歉,不知道为什么有两种不透明样式。不是样式专家)。
这是一个打印屏幕,显示了它当前的样子。敷上面膜后,指示器应呈鲜红色。
好吧,我想不出任何方法可以通过仅使用已经存在的单个元素而不使用 CSS3 解决方案来做到这一点...您已经在使用 JavaScript,所以也许您可以创建一个包含加载图像的框页面底部的背景并将其隐藏,然后将其放置在分区的中心并取消隐藏?
无论如何,这是CSS3解决方案 http://jsfiddle.net/P7rbk/1/我想出了:
.ajax-mask {
position: relative;
}
.ajax-mask:after {
background: rgba(255, 255, 255, 0.5) url('/Images/Ajax/Ajax.gif') no-repeat center center;
content: " ";
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)