防止IE8使内容透明
防止IE8使内容透明
提问于 2014-04-24 17:28:59
我有一个div与它的独立的CSS为IE8，它是透明的。如何防止IE8使这个div中的内容也透明？它应该是100%可见和不透明。非常感谢你的建议。
小提琴(在IE8中被观看)
.mybox {
position: absolute;
top: 362px;
left: 0;
width: 460px;
height:94px;
overflow: hidden;
text-align: left;
padding-left: 10px;
padding-top: 3px;
overflow:hidden;
background-color:#000000;
/* background: transparent; */
-ms-filter: "alpha(opacity=60)";
/* zoom:1 ; */
/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; */
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
/*filter: alpha(opacity=60);*/
}奥特:好吧，我知道这是个老派。但我的客户仍然希望这个页面与IE8兼容。
相关资源：
- 2
- 3.
- 4.
回答 3
Stack Overflow用户
发布于 2014-04-24 17:34:09
不透明在遗传给所有的孩子，由设计。新的浏览器可以使用alpha通道(RGBA)来绕过这一点，IE8不能。
您真正能做的就是使用绝对定位将您想要的内容放置在透明位的顶部。当然，您需要重新排列元素堆叠顺序才能做到这一点。
您可以通过复制内容，减去透明元素，并使用JS将其置于现有元素的顶部进行欺骗。
Stack Overflow用户
发布于 2014-04-24 22:40:16
如果div有一个名为.mybox的类，那么可以通过添加opacity: 1;来尝试并最终设置不透明度。
Stack Overflow用户
发布于 2014-04-25 11:09:24
最后，我找到了一个更好的解决方案：
.mybox {
background:none transparent scroll repeat 0 0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#98000000,endColorStr=#98000000);
}更新：看一看IE8
显然我搞砸了过滤器声明，我很抱歉.:(
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23275804
复制相关文章
相似问题
腾讯云开发者
