年齢27歳、職業Web制作関連全般。右目が見えない僕に仕事は任せられない、と上司につまはじかれる日々。クビになるまであと、、、XX日。

Web制作の現場から ~入院、退院、そしてつまはじき~

フォントサイズ変更機能(Cookie対応) | main | 大手SEO会社の手法
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
| スポンサー広告 | --:-- |
background-positionをとる
CSSプロパティのbackground-position-xやbackground-position-yはIE独自拡張なのでFirefoxなどでは有効になりませんが、ロールオーバーをつくるときに非常に便利なプロパティだと思います。
Javascriptでもいいから使えないかと思い調べてみました。

CSSと同じく、少々癖のあるプロパティでした。

//Firefoxの場合
if($(this).css('background-position')){
var Obj = $(this).css('background-position');
var BpX = Obj.split(' ')[0];
var BpY = Obj.split(' ')[1];
}
//IEの場合
else{
var BpX = this.currentStyle["backgroundPositionX"];
var BpY = this.currentStyle["backgroundPositionY"];
}


CSSと同じく、IEの場合とそれ以外の場合で分岐させる必要があります。
IE以外の場合は「20px 0px」みたいに帰ってくるので、半角スペースで分割します。
| Javascript | 23:19 | トラックバック:0 | コメント:0
コメント
コメントの投稿














管理者にだけ表示を許可する

トラックバック URL
http://vued.blog56.fc2.com/tb.php/31-ef34a6ab
この記事にトラックバックする(FC2ブログユーザー)
トラックバック
| ホーム |

検索フォーム

- PR -

プロフィール

TK Author:TK
片目が悪くなってリストラ寸前の毎日ですが、なんとかWeb制作関係の仕事にしがみついてます。

最新記事

最新コメント
最新トラックバック
灯篭が静かに流れていくブログパーツ
月別アーカイブ
カテゴリ
RSSリンクの表示
QRコード

QRコード

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。