2012-01-27 4 views
0

要素内の背景イメージのABSOLUTE backgroundSizeを見つける方法はありますか?background-size(CSS3プロパティ)によって与えられる相対値の代わりにABSOLUTE backgroundSizeを取り出す

CSS3プロパティは、しかし、私は絶対値を知りたいオート/パーセントなどの面での値を返すことができます(たとえば200pxの、100pxに)

私たちは使用して背景画像を読み込むことができます一つの方法を知っています隠されたimg要素にload()関数を追加し、ブラウザの関数やjqueryを使ってその高さと幅を探します。

しかし、画像をもう一度読み込むと遅くなります。既にサイズを見つける方法はありますか?レンダリングされた背景画像要素

+1

*「画像が読み込まれるにつれて遅くなります」*いいえ、画像を読み込んだら、再度読み込まないでください。だからjsの解決策はいいです – fcalderan

+0

@カルデラ:あなたの声明はブラウザのキャッシュに依存していますか?それは必ずしも真実ではありません...私はIEでこれを試し、ブラウザが何度もサーバーに電話をかけることを確認しました。(それは必ずしもそうではありません...)だから私は信頼できるものを探していて、 .. – hjindal

答えて

0

CSS3 background-sizeプロパティの値はちょうどt彼はスタイルプロパティの値(イメージの表示方法)を指定し、background-image URLで参照される実際のイメージのサイズについては何も言いません。確実に知りたい場合は、イメージをロードする必要があります(うまくいけばブラウザのキャッシュから出てきますが、確信が持てません)。背景イメージ自体はドキュメントDOMの一部ではありません。

+0

はいイメージを読み込んで次元を見つけることは、私が質問で言及したように最後の手段です...私はちょうど私がもっと良いオプションを見逃していないと思っていた... – hjindal

+0

@hjindal私は理解します。私はあなたがより良い選択肢を見逃していないことを保証しようとしていました。 –

関連する問題