2

MOSS 発行サイトのカスタム マスター ページを作成しています。デザイナーは、フライ アウト メニューのこのアイデアを思いついた.

代替テキスト http://www.abbeylegal.com/Downloads/2009-01-06/gradient%20menu.jpg

メニューオプションごとに段階的/異なる背景色とテキスト色を使用します。

これを達成する方法を知っている人はいますか？

4

5 に答える 5

4

CSS の次の兄弟セレクター (+) を使用してこれを実現できますが、IE6 はスタイルを取得しません。

次のようにします (色のプロパティは単なる例です)。

ul ul li { background: darkblue; color: lightblue; }
ul ul li+li { background: blue; color: lightblue; }
ul ul li+li+li { background: lightblue; color: darkblue; }
ul ul li a:hover { color: black; }

または、下にある各サブアイテムに CSS クラスを適用するか (責任がない場合はプログラマーに相談してください)、javascript を使用してクラスを追加する必要があります。

理想的には、IE6 では実行できないが、最新のブラウザーでは問題なく動作することを彼らに納得させてください。サイトがまだ使用可能である限り、色のグラデーションは非常に小さな損失です.

于 2009-01-14T17:42:57.070 に答える
0

これはSharepointでは不可能であることがわかりました

于 2010-04-21T14:10:41.870 に答える
0

純粋なCSSで2つの可能性があります：

1. エントリ ラインのピクセルの高さを固定している場合は、グラデーションを適用した 1 つの背景画像を常に使用できます。リストを使ってメニューを作成する場合は、それを取り囲む list タグに平手打ちするだけです。

2.行の高さ/フォントサイズを柔軟に保ちたい場合は、複数のクラスを使用できます。すべての色調に1つです。n行ごとに、対応する色調を背景色として特別なクラスを与え、その行のタグにそのクラスを平手打ちするだけです。

デザイン評論家: ここで私が目にする問題は、エントリの数が最大になることです。このレベルの段階的なフェードでは、6 つまたは 7 つのエントリの後に背景色が白くなるためです。

親切な言葉: メニューが透明である必要がない限り、問題ありません。

于 2009-01-14T17:55:02.397 に答える
0

任意の色のグラデーションを計算できるようにしたい場合は、このページに 16 進数の色のトリプレットの計算を処理するための便利な関数がいくつかあります。

于 2009-01-14T17:59:21.903 に答える