スライダーのメインビジュアルに画像を重ねるように配置したいです。 - SWELLに関する質問 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/ SWELLユーザー限定で利用可能な掲示板です。 ja Tue, 21 Apr 2026 22:47:57 +0000 wpForo 60 RE: スライダーのメインビジュアルに画像を重ねるように配置したいです。 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9816 Thu, 04 Apr 2024 22:45:21 +0000 @genepine さん

アドバイスありがとうございます！

参考にさせていただきます！

]]> SWELLに関する質問 kenjireds08 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9816 RE: スライダーのメインビジュアルに画像を重ねるように配置したいです。 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9815 Thu, 04 Apr 2024 22:44:42 +0000 @his さん

コンテンツを動かしたらうまくいきました！！

ありがとうございます(T_T)

]]> SWELLに関する質問 kenjireds08 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9815 RE: スライダーのメインビジュアルに画像を重ねるように配置したいです。 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9813 Thu, 04 Apr 2024 14:49:29 +0000 画像ブロックをグループ化
グループ、画像に追加 CSS クラス、独自のものを設定

ごにょごにょ
グループ は position: relative
画像 は position: absolute;

スマホのときはどうするか要検討

]]> SWELLに関する質問 genepine https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9813 RE: スライダーのメインビジュアルに画像を重ねるように配置したいです。 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9812 Thu, 04 Apr 2024 12:29:03 +0000 @kenjireds08 

背景画像を動かすのではなくコンテンツを動かせばうまくいくと思いますよ。

]]> SWELLに関する質問 His- https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9812 RE: スライダーのメインビジュアルに画像を重ねるように配置したいです。 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9811 Thu, 04 Apr 2024 09:33:56 +0000 @skillsharejp さん、アドバイスありがとうございます！

もう少し自分でも調べてみて、ダメそうなら相談してみます。

]]> SWELLに関する質問 kenjireds08 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9811 RE: スライダーのメインビジュアルに画像を重ねるように配置したいです。 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9810 Thu, 04 Apr 2024 07:55:06 +0000 有料でウェブ制作経験者に相談されるのが一番な気がします。（ガイドラインにも記載されてます。）

]]> SWELLに関する質問 skillsharejp https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9810 スライダーのメインビジュアルに画像を重ねるように配置したいです。 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9809 Thu, 04 Apr 2024 07:49:54 +0000 【やりたいこと】

添付画像のようにスライダーのメインビジュアルに画像を重ねるように配置したいです。

【やってみたこと】

3029 3030

メインビジュアルの下にフルワイドで上部が丸くなっている画像を背景に設置

CSSで background-positionを変更することで上に移動することはできました。

.swell-block-fullWide.has-bg-img{
background-position: 49% 15% !important;
}

15％の部分の調整で移動します。

 

これをメインビジュアルの上に重なるように配置したいのですが、position: relativeとz-indexなどを設置してもメインビジュアルの下に隠れてしまいます。

 

うまくメインビジュアルの上に配置できる方法をご存じの方がいらっしゃいましたらご教授頂きたいです。

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

]]> SWELLに関する質問 kenjireds08 https://users.swell-theme.com/forum/swell-forum/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%81%ae%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%92%e9%87%8d%e3%81%ad%e3%82%8b%e3%82%88/#post-9809