0

このPSDcompは印刷グラフィックデザイナーから入手しましたが、Webで実行できるかどうかはわかりません。
黒く縁取られた丸い角のコンテナ(下の写真)はすでに存在していることに注意してください。このページにはいくつかのz-indexeddivがあるため、スタック順で優先されるdivを特定するのは困難です。

ここに画像の説明を入力してください

ご覧のとおり、左上と右下の隅に2つの灰色のリボン(リボンと飾りが付いたボックスを表す)が配置され、2つの画像(小さい青いボックス、つまりTo:/ From :)それらの「リボン」の下ですが、コンテナの上にあります。コンテナの背景色は白です。小さい青いボックスが透けて見えるように、左上隅の背景を透明にする必要があります。誰かがこれらの「傾斜したリボン」をこの丸い角のコンテナdivにどのように配置するか教えてもらえますか?または、CSSとHTMLを使用してこれを実行できる場合もあります。

4

1 に答える 1

0

最も簡単な答えは、2つ<img>あり、両方を絶対的に配置することです。1つをtop:0px; left:0px;で配置します。そして1つはbottom:0px; and right:0px;。それらがdivの一番上にあることを確認するために、それらに高いz-indexを与えます。親divがposition: relative定義されていることを確認してください。

于 2011-10-24T15:50:24.953 に答える