/ / CSS3およびJQuery(IE互換)でコードの一部を実行する方法は? -jquery、html、css3

どのようにCSS3とJQuery(IE互換)でいくつかのコードを行うには? - jquery、html、css3

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

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

Google Chromeでは、CSS3、JQuery、およびInternet Explorerで正常に動作します-ではなく(なんとなく驚いた)-それぞれに数十の異なる画像が表示されますが、それらはすべて成長します。

pastebinで申し訳ありませんが、すべてのコードを貼り付けることはできません。HTMLタグなどが多すぎるためです。

ここに私が作成するすべてのコード(HTML)があります。 http://pastebin.com/Tak7YKpY CSS3(ペーストビンも): http://pastebin.com/3xprvmeY

問題は、それを修正し、それを方向転換して消滅させる方法です。

回答:

回答№1は0

CSSの問題によると、CSS2を使用する必要がある追加のCSSファイルを作成してください。 IE7、8、9でjQueryは問題なく動作するはずです


回答№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>