IE8 不透明度切断背景图像

【问题标题】：IE8 opacity chops off background imageIE8 不透明度切断背景图像
【发布时间】：2011-11-26 21:34:47
【问题描述】：

我的 IE8 有个小问题。

我有两个div 和一个h3。 h3 有一个背景图像，同时与margin 负向移动。 h3 标签所在的 div 具有不透明度，由 CSS 中的 filter、-ms-filter 和 opacity 组成。不透明度在所有浏览器中都可以正常工作，但是在 IE8 中，h3 标记的背景图像是隐藏的。

IE8 会在盒子外面砍掉任何东西吗？还是有其他问题？

【问题讨论】：

标签： html css internet-explorer-8 opacity

【解决方案1】：

尝试删除 IE 不透明度过滤器。我注意到，当您在 IE 中对框应用过滤器时，它会自动切掉框内跨越框外的所有内容。

【讨论】：

只有filter 是一样的。如果没有filter 和-ms-filter，我在 IE 中就没有透明度。
我还尝试在一个盒子上使用阴影过滤器，在盒子内我有一个绝对定位的元素，其顶部和右侧值为负。取下过滤器后一切正常。
这是我的问题：jsfiddle.net/RTTkU/1 当你在 IE 7&8 中打开它时，你会注意到关闭按钮被砍掉了。卸下过滤器后，关闭按钮不会被切碎。希望对您有所帮助。