如何在CSS3和JQuery(IE兼容)中做一些代码?

时间:2012-12-14 16:57:11

标签: jquery html css3

现在,我要解决这个问题 - 在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

问题是 - 如何解决它并使其转身并消失,因为我发现这可能有问题?

2 个答案:

答案 0 :(得分:0)

根据CSS问题尝试创建其他CSS文件,您应该使用CSS2。 jQuery应该在ie7,8& 9

中工作得很好

答案 1 :(得分: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>