-1

さて、ここから話です。私は最初のサイトを開発していますが、最初に遭遇した問題は、すべてのものを含むメイン div の角を丸くすることです。CSS3 は良い解決策ですが、IE6-8 との非互換性が足を止めています。

また、丸みを帯びた div (実際には長方形で、30px の角が丸められた 950x1600) を中央に配置し、境界線に沿って素敵な陰影を付ける必要があります。

シームレスなパターンを使用する予定なので、背景画像を使用することもオプションではありません。

だから私がやろうと思っていることは：

  1. 中央の div を 1 つ配置します。
  2. フォトショップから切り取った画像を隅に配置します
  3. シェードとして側面に 1px の高さの PS パターンを使用します。

すべて問題ありませんが、「パターン化された」背景がすべてを台無しにします。したがって、私がここで見る唯一の解決策は、中央の div の両側に 2 つの div を配置し、右上隅から右に 1 つの描画パターンを作成することです。これにより、Photoshop から切り取られた境界線が、背景画像として使用されるサイディング div とシームレスに一致します。

教えてください、皆さん、私はここで自転車を発明しようとしていますか、それとももっと良い解決策がありますか?

ps私が見つけたすべての解決策は、ある意味で役に立たない. いくつかは非常に似ていますが、div の周囲に 10 ピクセルの余白の白いフィールドを残しています。または、必要な高さと幅に調整した後、スクロールしてページから落ちないようにします。テキスト付きのテーブルは、テキストなしでは役に立ちません (いいえ、テキストを削除すると消えてしまいます)

ええ、私は完全な初心者ですので、甘やかしてください =)

4

1 に答える 1

0

古いバージョンのIEでの角の丸いプロパティのサポートが主な関心事である場合は、CSS3Pie（css3pie.com）などのプラグインを確認する価値があるかもしれません。これは「behaviour」プロパティを使用するため、他のブラウザーを混乱させることはありません。現在のブラウザーの90％に廃止されたマークアップを追加しても意味がありません（つまり、最小公分母用に設計されています）。

CSS3パイ

正直なところ、私は通常、古いバージョンのIEの丸みを帯びた角を完全に放棄します。コンテンツが正常に劣化する限り、これに害はまったくありません。ただし、本当に一貫した外観が必要な場合は、何年も前に使用されなくなったはずのブラウザを中心にページ全体を構成するのではなく、上記のようなプラグインを使用することをお勧めします。

于 2013-02-04T10:05:43.570 に答える