background-positionをとる│Web制作の現場から　～入院、退院、そしてつまはじき～

スポンサーサイト

投稿日: --; -----

スポンサー広告 :

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

background-positionをとる

投稿日: 2009; 10-13

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」みたいに帰ってくるので、半角スペースで分割します。