- 締切済み
背景画像の基準位置を決めたい
開いた時、ウィンドウの右下に画像が来るようにレイアウトしたいですが…。 閲覧する人が任意に大きさにウィンドウを変えても画像自体の右下部分が隠れることなく、画像とウインドウの「右下固定」という基準が守られるようにしたいと考えています。 （矢印でウィンドウを大きくしたり縮めたりしても、それに合わせて画像がくっついてくる…といった感じです。） 色々やってみましたがうまくいきません。 タグは現在以下の通りです。 <STYLE type="text/css"> <!-- BODY{ background-color : black; background-image : url(＊＊＊＊); background-repeat : no-repeat; } --> </STYLE> </HEAD> <BODY> </BODY> </HTML> わかりづらい説明ですみません。教えて頂けると助かります。
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
background-positionを使うときはbackground-attachmentをfixedにしないと上手く行かず、背景表示がおかしいだの何だのと言う問題が発生します。IEでは大丈夫かもしれないけど。 （これが分からず過去に質問してた人を何人か見た記憶が…。）
- goldfox
- ベストアンサー率49% (123/249)
background-position: right bottom; /* 右下に表示 */
お礼
ありがとうございました。 無事に表示できました。
- himajin100000
- ベストアンサー率54% (1660/3060)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>Q3202167 テストケース1</title> <style type="text/css"> p{ width:100%; height:200px; background-image:url("Q3202167-1.png"); background-color:black; background-position:bottom right; background-repeat:no-repeat; } </style> </head> <body> <p>ほげ</p> </body> </html>
お礼
できました！！ありがとうございました。
お礼
ありがとうございます。 そうなんですかー 知りませんでした。 IEなんで他のブラウザでもチェックしてみます。