1

メイン (固定幅) コンテンツ ボックスの周囲の境界線として、8 つの個別の画像 (左上、上、右上など) が提供されています。単一の画像が与えられた場合は、border-imageを使用します。

8枚の画像を使用する最良の方法は何ですか? 絶対配置の div ? それとも、それらを1つにまとめるだけでいいのですか?

4

2 に答える 2

1

画像を 1 つに結合することの何がそんなに難しいのですか? たとえば、クライアントが行う必要のある HTTP リクエストの数を減らすなど、他にも多くの利点があります。

別の方法は、CSS3 の複数の背景画像機能を使用することです。この場合、各画像をボックス内のレイヤーとして設定します。

于 2013-04-08T23:09:24.347 に答える
1

エリック・マイヤーは、(技術を説明するために)画像を小さな円にする技術を使用しました。次に、それは 4 つの個別の div の背景グラフィックであり、各 abs は相対位置を含む div の隅に配置されました。それぞれの背景の位置を変更し、直線に通常の境界線を使用して角を丸くしました。円は、白または使用した背景色で塗りつぶす必要がありました。

このように、拡張することができます。変更が発生した場合でも、高さを拡張する必要がありますよね?

上部と下部に 1 つを作成し、中央の Y で繰り返される 3 分の 1 を作成します。これにより、コンテンツが追加された場合にボックスが拡張されます。高さ、です。

于 2013-04-08T23:10:14.900 に答える