2011-10-25 12 views
-1

1ページの画像を別のレイヤーにすることで、他の画像や要素に影響を与えずに動き回ることができますか?私はz-indexを使いこなしてみましたが、奇妙なことにページが大きくなり、jQuery.position.left/topを使うと画像とは異なる位置になります。例えば、jquery.draggable ();ページのソースコードをチェックしたときにイメージを互いに上に移動すると、イメージは元の位置にあります。 (422、-330)ですが、jquery.position.left + jquery.position.topを使用すると、位置は(455,313)になります。画像のCSSレイヤー

これはなぜ起こっているのですか?それを修正するのに役立つのですか?予め

ありがとう、

答えて

1

「が積層」画像の親コンテナが位置有する必要がある:それに対してセットし、その後、画像は、絶対位置を有することができます。

これは、サイト全体で何かを行う場合、再利用可能なパターンはコンテナ要素(position:relative)を持つことになり、すべての画像をその内部に積み重ねることができます。

+0

こんにちは、それぞれの画像に相対位置のスパンタグを設定しました。これで、jquery()を使用すると、メインコンテナ(すべての積み重ねられた画像を含む)の位置を変更しました。左または上の私は定義されていません。ご意見をお聞かせください。 –

+0

また、なぜ未定義であるのか考え出しましたが、相対位置を持つコンテナ内の要素位置をチェックすると同じ問題が残りますが、jquery()によってチェックされたときに誤読=>要素が(233、-546)位置()。左上(288,86)。助けてください –