html - 背景がグラデーションの場合、境界線の色を背景色に変更する方法は?

Question

アクティブなメニュー項目の下の境界線を Web サイトの背景色に変更して、開いているタブのように見えますが、背景がグラデーションであるため、Web サイトのさまざまな部分で異なる色になります。それ、どうやったら出来るの。カバーする必要があるメニュー全体の下に別の境界線があるため、なしに変更することはできません。ここに私のウェブサイトへのリンクがあり ます http://woodworkingoc.com.hostasp.info/

Answer 1

あなたの.CSSファイルを調べました。

FF、IE、および Chrome のプレフィックスをnav > ul li.current持つプロパティがあるためです。backgroundしかし、このプロパティに何か問題があるため、Chrome と FF はこのプロパティを Web インスペクタで非表示にし、要素に適用しません。プロパティを正しく書き込むと、グラデーションがli要素に適用され、下の境界線がオーバーレイされ<div id="layout-navigation" class="group">ます。

グラデーション ジェネレーター ( http://www.colorzilla.com/gradient-editor/など) を使用して、正しいグラデーション ルールを作成します。例えば：

nav > ul li.current {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B9BDBF), color-stop(100%, #5C5E5F)) fixed;
}