2012-03-18 7 views
-1

私はアイコンを持っています。ホバー上で成長してマウスオーバーで元のサイズに戻したいと思います。私はcss divにこれを行うことができます:jqueryを使ってCSSを「背景画像」に拡大

$(".jq_icon").hover(function() { 
$(this).stop().animate({width:56, height:56,left:-8,top:-8},'fast'); 
}, 
function() { 
$(this).stop().animate({width:36,height:36,left:8,top:8},'fast'); 
}); 

実際の画像は拡大しません。どのようにクロスブラウザのサポートで実現できますか?

また、私はCMSの(Joomla)を使用しています(私が知っている限り、間違っている場合は&を修正してください) 'img'タグを使用してインデックスページにイメージをドロップすることはできません。 CSSを介して '背景画像'を使用してください。

Thxで事前に!

+0

画像は背景画像である必要がありますか?幅と高さが100%のインライン画像がこのトリックを行うかもしれません。 – Turnip

+0

ちょっと!うん、それはタグを使用してインデックスページに画像をドロップすることができないCMS(joomla)と(私が知る限り)を使用して、それはCSSを介して '背景画像'を使用して画像を表示します.. –

答えて

0

あなたはbackground-sizeプロパティを調べるべきですが、私が知っているようにjqueryではまだサポートされていません。