1

现在，我要解决这个问题——用 html 和 css3 编码决定创建一些东西，当你将鼠标悬停在图片上时，它会放大，然后转动并消失，并且那里有一些信息。

不幸的是，我注意到 Internet Explorer 版本 5 到 8 提到“css3”当然拒绝服从。走捷径，所以我决定使用 JQuery，特别是使用 hoverpulse (malsup.com/jquery/hoverpulse/)

在谷歌浏览器中，CSS3、JQuery 和 Internet Explorer 可以正常工作——不是（不知何故我也很惊讶）——我每个人都得到了十几个不同的图像，但它们都在增长。

我很抱歉 pastebin，但我不能粘贴所有代码，因为它使用了太多的 html 标签或其他东西。

这是我制作的所有代码（HTML）：http: //pastebin.com/Tak7YKpY 和 CSS3（pastebin 也是）： http: //pastebin.com/3xprvmeY

问题是 - 如何修复它并让它转身消失，因为我看到这可能有问题？

4

2 回答 2

0

如果您只想更改大小，我会使用 jquery 来更改悬停时的 css 属性。

$("#img_id_here").mouseover(function()
{
    $(this).css('width', '200px');
});

如果您想使用完全不同的图像，出于响应或其他目的，我会使用纯 css。

<style type="text/css">
.img:hover /* you should apply img class to your image. */
   {
      /* whatever you want to do  */
   }
</style>
于 2012-12-14T18:11:53.970 回答
0

根据 CSS 问题，尝试创建应使用 CSS2 的其他 CSS 文件。jQuery 在 ie7、8 和 9 中应该可以正常工作

于 2012-12-14T17:06:12.970 回答