1

おはよう、

私は単純な CSS レイアウトであると信じている Web ページをデザインしようとしていますが、可能な限り最も効率的な方法で処理していることを確認したいと考えています。私の評判のためにモックアップの画像を添付することはできませんが、うまくいけば、以下のJSfiddleが私の最終目標が何であるかを明確にするでしょう.

また、すでに完了したものを使用して jsFiddle をモックアップしました。しかし、どうすればよいか分からない項目があります。IE、「オプション1」の幅「オプション3と4」を少し重ねたい。オプション 1 に奥行きと焦点を与えるために 3 と 4 をオーバーレイするいくつかのドロップシャドウと同様に。

http://jsfiddle.net/rXq7F/3/

この種のデザインに名前があるかどうかはわかりませんが、このようなことを達成するための適切な方法で助けていただければ幸いです!

ありがとう！

     <div class="row">
    <div class="span4">
      <h2>2</h2>
      <p> </p>
      <p><a class="btn" href="#">View details &raquo;</a></p>
    </div>
    <div class="span4">
      <h2>3</h2>
      <p></p>
      <p><a class="btn" href="#">View details &raquo;</a></p>
   </div>
    <div class="span4 middle" style="">
      <h2>1</h2>
      <p></p>
      <p></p>
    </div>

    <div class="span4">
      <h2>4</h2>
      <p></p>
      <p><a class="btn" href="#">View details &raquo;</a></p>
    </div>


    <div class="span4">
      <h2>5</h2>
      <p></p>
      <p><a class="btn" href="#">View details &raquo;</a></p>
    </div>        

  </div>
4

2 に答える 2

1

あなたが遊ぶ必要があるよりもz-index。

私 は 真ん中 の 人 に 与え ましz-index: 2たz-index: 1.

フィドル

于 2013-08-02T12:32:56.217 に答える