0

私はこれらのルールを使用しています：

.log-widget-alexa{ background: #001C48;}
.log-widget-altervista{ background: #FFE852;}
.log-widget-amazon{ background: #000000;}
.log-widget-aol{ background: #0060A3;}
etc ..

同じ暗い背景でウィジェットをエンボスするために、インセットの暗い影またはグラデーションの色を追加するために、あと 1 つのクラスのみを使用したいと思います。

いくつかの CSS/JavaScript/jQuery トリックで可能ですか?

つまり、バックグラウンドがある場合:#666; たとえば、＃555に単純なグラデーション/シャドウを追加したいと思います（この場合、スターターの背景色から少し暗くなる=＃666）

box-shadow または background-image グラデーションを手動で使用するのではなく、いくつかの CSS トリックを設定したいと思います:/ CSS にはこれらのルールが何千もあるからです。

4

1 に答える 1

1

純粋なCSSでは不可能です。そのためには Javascript が必要です。すべての要素を選択し、 で背景色を取得し.css()、秒の色を計算してから、それに.css()応じてグラデーションを適用します。

于 2012-09-30T10:54:52.707 に答える