1

約 20 のエラー ページがあり、それぞれを徐々に再設計しています。

ehp-container のクラスを持つ親要素は、古いエラー ページと新しいエラー ページの同じコードによって作成されます。問題は、提供された新しい背景画像のサイズが異なるため、スタイリングを適用しようとすると、新しいエラー ページ (背景サイズ: 100% 93%;) に合わせて適切に表示する必要があることです。静的な背景サイズを使用する古いエラー ページ。

ここに画像の説明を入力

私が見るオプション：

  1. ビルダークラスを変更して、新しいエラーページを区別するある種の追加クラスを ehp-container に追加します (理想的とは言えず、ハックっぽい)

  2. サイズが一致する新しい画像を UX チームに依頼する (長いターンアラウンド)

他に考えられる人はいますか？

4

1 に答える 1

1

外部コンテナに識別子を適用します。エラー ページにはテンプレートがありますか (例: masterpage/layoutpage)。もしそうなら、古いものは新しいものとは異なるものを使用していますか?

その場合は、クラス名または ID を外側のコンテナーに追加し、CSS で参照します。

#newerrorpage-outercontainer .ehp-container {
    /* attributes */
}

または、エラー ページを生成するコードを更新して cssClass パラメーターを受け入れ、これをコンテナー クラス名と共に適用します。

.ehp-container.ehp-v2 {
    /* attributes */
}
于 2013-09-06T16:46:24.200 に答える