css - 画像divコンテナを別のdivコンテナの上に置く方法は?

Question

ワードプレスやサイト構築初心者です。テーマを購入したばかりで、問題に直面しました。

画像をアコーディオン div コンテナーに配置したいと考えています。どうすればそれができますか？私のテーマにはコンテンツ構築オプションがありますが、私が知る限り、レイヤー機能の作成をサポートしていません (これやこのような他のコンテンツビルダープラグインもサポートしていません)

どんな種類の助けにも本当に感謝します！

Answer 1

CSS をカスタマイズする方法が見つかった場合は、これでうまくいくはずです。

.column.one {
  position: absolute;
  z-index:  2;
}

プロパティposition:absoluteを使用すると、CSS プロパティtop、left、rightおよびを使用して画像を自由に配置できますbottom。

z-index:2画像がアコーディオンの前にあることを確認してください。

編集：

もう 1 つ問題があることがわかりました。画像がアコーディオンに重なっているため、重なった領域はもうクリックできません。この問題を解決するには、CSS プロパティを使用できますpointer-events:none。しかし、注意してください！これは IE と Opera ではサポートされていません。これらのブラウザーの回避策を見つける必要がある場合があります。

• ブラウザ互換性表: http://caniuse.com/pointer-events
• プロパティに関する記事: http://www.sitepoint.com/css3-pointer-events/