アプリ版：「スタンプのみでお礼する」機能のリリースについて

うーん・・・

【HTML ・CSSについて】Web初心者です。

締切済

  • 質問者：echizenhyaku86
  • 質問日時：
  • 回答数：2件

質問です。
画像の上に画像を乗せ、
上の画像を下の画像の中央に持ってくるには
どうすればよいのでしょうか。

よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2

  • 回答者： fujillin
  • 回答日時：

こんにちは



マークアップがどうなっているのか不明なのと、固定値の部分がどの程度あるのかも不明なので、かなり適当ですが・・・

※ 「下の画像」の方が「上の画像」より大きいものと仮定しています。

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>

<style type="text/css">
#wrap { position:relative; display:inline-block; }
#wrap img.upper {
--size: 100px;
width: var(--size); height: var(--size);
position: absolute;
top: calc((100% - var(--size)) / 2);
left: calc((100% - var(--size)) / 2);
}
</style>

</head>
<body>

<div id="wrap">
<img src="img/photo01.jpg" class="lower" alt="下の画像" />
<img src="img/photo02.jpg" class="upper" alt="上の画像" />
</div>

</body>
</html>
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： nitto3
  • 回答日時：

どう乗せるかにもよるけど。


重ねる場合は下を背景画として、
上に縦横 center 指定すればいい。

透かすにはレタッチソフトで一体画像にする。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報