2017-06-26 9 views
-3

次のことを開発したいと思います。Visual Composerで重複するdiv

は、例えば画像を参照してください:Overlapping div with text and background-color with a smaller width than the text

どのように私はこれを達成することができますか?私はWordpressでVisual Composerを使用しています。あなたは私がここで作ったものを見ることができます:http://glashelder.id-buro.nl/hometest/。これは私がそれを望む方法ではありません。

+0

相対位置とZ-インデックスを指定します。それはあなたを助けることができるかもしれません –

答えて

0

は、あなたのCSSに以下を追加:

.wpb_single_image.vc_align_left { 
    text-align: left; 
    position: relative; 
    z-index: 1; 
} 
+0

ありがとう!少し近づいた。どのように私はテキストが中間(垂直)に固執することができます達成することができます。私はまた、上下にプラスマージン、右にボトムとマージンが必要です。 – refreshfabian

0
  • あなたは白と空の色の部分をマージして画像を作成し、そのdiv要素の背景画像としてその画像を設定することができます。次に、ビジュアルコンポーザーで行レイアウトを選択します(おそらく2/3 + 1/3 は画像ごとに良好です)。
  • または、CSSを使用して、 divの絶対位置の1つを指定し、画像ごとに同じデザインを得るためにいくつかの余白を設定することができますが、デザインをいくつか行い、応答性のためにCSSを書き込む必要があります。だから私は最初のオプションが良いと思う。 :)
関連する問題