2012-04-17 7 views
0

境界線の半径を持つdiv内の画像を正しく配置するための回避策を試しました。 イメージを1ピクセル左に移動し、1ピクセルを上に移動する必要があり、jQueryの.offset()関数を使用しました。これは、Firefox、Opera、IEでは正しく動作しますが、chormeでは動作しません。 :jquery position()はクロムでは機能しません

コードは、私は、このテストページ(右上の社会的なアイコン) LINK

+2

なぜCSSの代わりにJavaScriptを使用していますか? – Sparky

+0

のchromeバージョン20.0.1096.1(公式ビルド131343)dev-m、コードが正常に動作しています。 – rt2800

+0

サンプルリンクの画像が左にスライドしています(Chrome 18)。どのChromeのバージョンを使用していますか? @ Sparky672は正しいですが、あなたはこれを難しい方法でやっているようです。 – veeTrain

答えて

0

たぶん...

http://nieto.hostingplaza.org/cory/css/style.css(ラインの例をアップロードして、次の

$(window).load(function(){ 
    // adjust social icons 
    $("div.nuvola.social img").each(function(){ 
     var tmpOffset = $(this).offset(); 
     tmpOffset.left -= 1; 
     tmpOffset.top -= 1; 
     $(this).offset(tmpOffset); 
    }); 
}); 

です76-82)

div.nuvola.social img { 
    position: relative; 
    height: 70px; 
    width: 70px; 
    left: -1px; 
    top: -1px; 
} 

"px"を追加することを忘れないでください。

関連する問題