このサイトは１ヶ月 (30日) 以上ログインされていません。 サイト管理者の方は
こちら
からログインすると、この広告を消すことができます。
×
マイページ
プロフィール
更新履歴
本棚
なりきりトーク
コメント返信
ダイレクトメッセージ
お問い合わせ
スキのコメント返信
＞上下に画像を貼る方法についてご質問頂いたユーザー様
2019
03
31
13:29
ご質問ありがとうございます！
こちらですが、どのように画像を上下に配置したいかによって、細かな位置指定は異なるかと思いますが、
参考までに、二種類の背景画像を右上下に設置している公式テーマ「少年達のプリズム」のCSSをご紹介いたします。
.wrapper {
background-image: url(
../../../img/theme/d/38bg_01.png
),url(
../../../img/theme/d/38bg_02.png
);
background-repeat: no-repeat,no-repeat;
background-position: bottom -15px right -20px,top -10px right;
background-size: 80%,100%;
}
画像のURL部分を赤文字にしましたので、そちらをご希望の画像のURLの独自タグに置き換えてお試しください。
※右寄りの位置を中央にしたい場合は、background-positionを「bottom -15px right 50%,top -10px right 50%;」に変更してください
※画像サイズの調整は、background-sizeで調整できます
また何かございましたら、お気軽にお問い合わせくださいませ！
2019/03/31 04:08
コメント返信TOP
読者登録
このサイトの読者登録を行います。
読者登録すると、このユーザーの更新履歴に新しい投稿があったとき、登録したアドレスにメールで通知が送られます。
ログインして読者登録
非会員で読者登録
＞上下に画像を貼る方法についてご質問頂いたユーザー様2019033113:29
こちらですが、どのように画像を上下に配置したいかによって、細かな位置指定は異なるかと思いますが、
参考までに、二種類の背景画像を右上下に設置している公式テーマ「少年達のプリズム」のCSSをご紹介いたします。
background-image: url(../../../img/theme/d/38bg_01.png),url(../../../img/theme/d/38bg_02.png);
background-repeat: no-repeat,no-repeat;
background-position: bottom -15px right -20px,top -10px right;
background-size: 80%,100%;
}
画像のURL部分を赤文字にしましたので、そちらをご希望の画像のURLの独自タグに置き換えてお試しください。
※右寄りの位置を中央にしたい場合は、background-positionを「bottom -15px right 50%,top -10px right 50%;」に変更してください
※画像サイズの調整は、background-sizeで調整できます
また何かございましたら、お気軽にお問い合わせくださいませ！
2019/03/31 04:08