1

以下のように、DIVの行を作成できるようにしたい:

\---------\---------\---------\
 \         \         \         \
 /         /         /         /
/---------/---------/---------/

唯一のことは、これらの DIV のそれぞれに、絶対値ではなくパーセンテージの幅があることです。2つの画像を使って上記のようなDIVを作成できるようにしたい...

\---+
 \  |
 /  |
/---+

と...

+--\
|   \
|   /
+--/

...最初の画像は DIV の左側に配置され、2 番目の画像は右側に配置されます。次に、これに加えて、北西方向から南東方向に向かうグラデーションを追加します。

画像の各セクションに 1 つずつ、3 つの個別の DIV を含む DIV を作成することは避けたいと思います。これは、CSS3 がこの正確な理由を停止するために進化していると思うためです。これは、div に 9 つの DIV のグリッドを与える昔のようなものです。その中に素敵な外側の影を追加するだけです。

とにかく、私がこれを行う方法を知っている人はいますか？背景のレイヤー化などがあることを認識しているので、それが始まりだと思います。

前もって感謝します ：）

4

2 に答える 2

0

このようなものを探していますか..、

http://jsfiddle.net/HsZbp/1/

1 つの Div [左右と中央] で 3 つの背景について言及しました。

于 2012-06-15T16:34:08.893 に答える
0

2 つではなく 3 つの画像を使用する方が簡単な場合があります。1 つはコンテナの左側、もう 1 つはコンテナの右側、1 つ (新しいもの) は 2 つの中央の境界線用です。左、右、および中央の境界線の画像があります。

各列にbackground-position:left top;はbackground-position:right top;.

于 2012-06-15T17:44:29.953 に答える