2016-08-07 8 views
0

画像を背景画像上の正確な場所へのリンクとして設定しようとしています。私は背景画像上の同じ空間にとどまり、反応するように画像リンクが必要です。背景画像上の正確な位置に画像を固定/固定する

私はhtmlとcssを使用しています。他のプログラミング言語に関する知識はほとんどありません。私は固定された背景画像と絶対位置値を持つリンクとしての4つの画像を使用しようとしていますが、ブラウザウィンドウを変更すると画像リンクが動き回ります。助言がありますか?ありがとう!

+0

コードを投稿してください。 –

+0

#backgroundcircle { \t幅:100%; \t高さ:100%; \t位置:固定; \t margin-top:8%; \t背景画像:url( 'lagclear.png'); \t background-repeat:no-repeat; \t background-size:60%auto; \tバックグラウンドポジション:センター30%; } #lagtop { \t幅:100%; \tポジション:絶対; \t左:30%; \tマージントップ:18%; \t } –

+0

CSSコードは、#バックグラウンド画像です。#lagtopは、ブラウザの幅に関係なく、正確な位置にバックグラウンド画像の上に設定したい画像リンクです。アドバイスやヒントに感謝します! –

答えて

0

私はあなたに私は前にそれらを使用してこの問題を解決するには2つの方法与えることができます:

1:%ですべての測定を使用します。

実際には反応しないが、流体レイアウトの概念に該当します。それは常にそれがどんなサイズでもできる全体を埋めることを意味します。

2:使用メディアクエリ:

それはあなたのpositionningを変更しますサイズ各キーであるため、応答と考えられている:

注意:動作するように配置するために、あなたはどちらかに持っています要素をposition:fixed/absolute/relativeに設定します。

私は助けてくれました。疑いがある場合は、私に相談してください!

+0

ありがとうございました。私はそれを試してみましょう! –

関連する問題