Question

我有this小提琴我有4张图片。当悬停一个时，右边的图像会正确地改变它们的大小，但我不明白为什么当我明确声明我希望所有这些图像的行为方式相同时，为什么左边的图像没有运行相同的模式。

有人能帮助我吗？

这是小提琴中的html，Css

<a href="#" class="social1" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social2" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social3" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social4" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>

Answer 1

您的问题是您只能在给定元素之后使用“〜” - 操作符观察元素。据我所知，甚至在CSS 3.0中也无法选择返回/向上。这总是需要一个jQuery / Javascript解决方案。所以你需要在JS中处理悬停事件。

但我会说保持原样，即使没有左手元素变焦也很好;）

CSS3动画图像不会按预期响应

1 个答案: