Css 悬停问题：IE8中的后效

我一直在尝试从这个页面实现css效果：

---

除了他为IE8发布的补丁，我的一切都很好；我添加了一些条件代码，因此修复只由使用，我认为这是因为您在容器和图像之间添加了一个元素（并设置了样式）（这个

。我认为这是在搞乱IE8的定位。根据最初的例子，我已经做了一个在Chrome和IE8中工作的测试。很抱歉，我没有IE9或更高版本，因此无法验证这是否有效

---

我唯一的问题是

：hover

覆盖元素太宽，所以我在类中添加了

左：0；右：0

。这可能不是您想要的，但我希望它能有所帮助：-）

我想这是因为您在容器和图像之间添加了一个元素（并设置了样式）（这个

。我认为这是在搞乱IE8的定位。根据最初的例子，我已经做了一个在Chrome和IE8中工作的测试。很抱歉，我没有IE9或更高版本，因此无法验证这是否有效

---

我唯一的问题是

：hover

覆盖元素太宽，所以我在类中添加了

左：0；右：0

。这可能不是您想要的，但我希望它能有所帮助：-）

如果将位置从相对更改为绝对，它在IE8上工作。虽然它与IE9不完全一样。这可能是由于透明度。如果更改，两者几乎相同。如果将位置从相对更改为绝对，它在IE8上工作。虽然它与IE9不完全一样。这可能是由于到透明度。如果你改变这一点，两者将几乎相同。我完全复制了你的样式，并将它们替换到我的样式中。出于某种原因，我的样式仍然不起作用（演示在IE8中对你有用吗？我更改的不仅仅是CSS，我还删除了额外的

及其相关样式。哦，好的。我会检查一下。我使用span的原因是因为我不希望标题跨越类的宽度，只跨越图像。但是，是的，演示在IE8中有效，只是没有透明度而已。你应该这样做能够通过悬停类上的CSS

left

和

right

控制标题的宽度。原始演示还显示了IE8的坚实背景，因为它不支持在

背景色上使用的背景色

是的……我会摆弄一下，看看我是否能正确地确定它的大小/位置。但是在删除之后使用span元素它的工作原理与演示一样！：）非常感谢！至于IE中的透明度，我想看看是否可以通过使用filter:alpha（不透明度=x）来实现。我准确地复制了你的样式，并将它们替换到我的样式中，因为某种原因，我的样式仍然不起作用（演示在IE8中对你有用吗？我更改的不仅仅是CSS，我还删除了额外的

及其相关样式。哦，好的。我会检查一下。我使用span的原因是因为我不希望标题跨越类的宽度，只跨越图像。但是，是的，演示在IE8中有效，只是没有透明度而已。你应该这样做能够通过悬停类上的CSS

left

和

right

控制标题的宽度。原始演示还显示了IE8的坚实背景，因为它不支持在

背景色上使用的背景色

是的……我会摆弄一下，看看我是否能正确地确定它的大小/位置。但是在删除之后使用span元素，效果和演示一样！：）非常感谢！至于IE中的透明度，我想看看我是否可以使用过滤器：alpha（不透明度=x）工作。