1

さて、私は問題に行きます - html と css3 でのコーディングは、何かを作成することに決めました。画像にカーソルを合わせると、画像が拡大し、回転して消え、そこにいくつかの情報があります。

残念ながら、Internet Explorer のバージョン 5 から 8 では、もちろん "css3" と記載されていて、従うことを拒否していることに気付きました。ショートカットに従って、特にhoverpulse(malsup.com/jquery/hoverpulse/)でJQueryを使用することにしました

Google Chrome では、CSS3、JQuery、および Internet Explorer で正常に動作しますが、そうではありません (どういうわけか私も驚きました)。それぞれに 12 個の異なる画像が表示されるだけですが、それらはすべて大きくなります。

ペーストビンで申し訳ありませんが、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 に答える