css - 在 IE8 上单击 AlphaImageLoader 背景中包含的元素

Question

我有一个非常非常奇怪的问题...

我有一个带有一些背景的 header ，它的 background-size 作为 cover。对于 IE8，我有这个过滤器:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myawesomefile.jpg', sizingMethod='scale');

加载良好且显示良好。但是，标题内的所有内容都变得不可点击。 hover 不起作用，它们不会触发任何事件...

我准备了一些JSBIN以显示此行为。

Answer 1

旧 IE filter 样式的一个问题是它们确实有一些令人讨厌的故障，这可能会导致像这样的奇怪事情。

这个具体问题对我来说是一个新问题，但这正是我习惯使用 filter 看到的那种事情。

我刚刚花了一点时间修改您的代码，看看我是否可以解决它，但我一无所获。所以我的建议是放弃 filter。

幸运的是，还有一个替代方案:CSS3Pie library 的第 2 版包含一个用于 background-size 的 polyfill，这意味着它可以在所有 IE 版本中得到支持。

CSS3Pie 也有一些注意事项；显然它是一个 Javascript 库，所以如果您的用户没有启用 JS，将会失败。它要求您使用简写的 background 语法而不是单独的 background-size 属性。但关键是它确实有效，而您当前的解决方案显然无效，所以我认为值得一试。

希望对您有所帮助。