問題タブ [linear-gradients]

I'm trying to create a rounded end progress bar with a beveled border. I've got the progress bar looking like what I want but I'm having difficulty with making the border seemed beveled. Can anyone help me out with this please?

An image of what I'm trying to get it to look like is here! Bevelled border

My current XAML code for the Window is as follows:

Can anyone help me to get the border looking like the image? Many thanks.

Compassを使用して線形グラデーションを生成していますが、Safari（バージョン5.1.2 [6534.52.7]）がベンダープレフィックス行をURIであるかのように読み込もうとしていることを示す奇妙なエラーが発生します。変！

コンパスコード： body {@include background-image（linear-gradient（top、＃F7F7F7 0％、#FFFFFF 20％、#cccccc 57％、#dddddd 60％、＃f1f1f1 80％、#FFFFFF 100％））; }

生成されたCSS：

エラー：-webkit-linear-gradient

エラー：-webkit-gradient（）

エラーにもかかわらず、グラデーションは正しくレンダリングされます。また、エラーの原因とならない他の多数のマルチストップ線形グラデーションがページ全体にあります。これはSafariのバグのようです。これは、でグラデーションが使用されている場合にのみ発生します。いくつかのコードをチェックしてください（Safariを実行している場合は、エラーをライブで参照してください）。

1. エラーあり（ボディタグのグラデーション）
2. エラーなし（他の場所でも同じ勾配）

任意のアイデア/ソリューションをいただければ幸いです。

これは私が助けを必要としている問題です：

方程式：

r = a1 * x1 + a2 * x2 + a3 * x3 + a4 * x4、

ここで、「x1、x2、x3、x4」は、製品の4つの側面のスコア（すべて正）です。

'a1、a2、a3、a4'は初期化された重みです（それらの合計は1です）。

「r」は、この製品の最終スコアとして計算されます。

製品の数が100であるとしましょう。次に、最終スコア「r」に基づいて、100個の製品を並べ替え、上位10個の製品の均等に重み付けされた利益（与えられた）を計算します。

目的は、重み'a1、a2、a3、a4'を変更することにより、重み付き利益の最大値を見つけることです。

Matlabツールボックスにはそれを解決する機能がありますか？いくつか検索しましたが、この問題に適したものが見つかりませんでした。任意の提案をいただければ幸いです！

上記のコードは、Firefox と Internet Explorer 10 では問題なく動作しますが、どちらも IE 8 では動作しません。

このコードを Internet Explorer 8 で動作させる方法を教えてください。

重複の可能性：
UINavigationBarグラデーションの詳細

Webを見回しましたが、明確な例が見つかりませんでした。CGGradientの経験はありませんが、非常に単純なものが必要です。NavigationControllerのNavigationBarにグラデーションを追加したいのですが、グラデーションは上から下に線形である必要があります。開始色を：（88.0、38.0、40.0）、終了色（50.0 15.0 16.0）にします。このグラデーションをナビゲーションバーに追加する方法の例を教えてください。

ありがとうございました

これらのようなボタンを作成しようとしていますhttp://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon

cssだけでそれをやりたいと思っていました。

簡単なjsfiddleページhttp://jsfiddle.net/ne69Eをまとめました（ただし、jsfiddleなしで同じコードのラウンド要素が表示されますが、動作させることができませんでした）。

これに時間をかける前に、放射状グラデーションの上に線形グラデーションを作成できることを確認したいと思いました。background-image: linear gradient を使用してみましたが、これは div にのみ適用され、境界線には適用されません。

どう思いますか？出来ますか？それとも、画像だけを使用する必要がありますか?

CSS3 でクロス ブラウザ (Mozilla、Webkit、Opera) のインセット ボックス シャドウを作成して、上が黒から下が白に変わる方法はありますか? これを行うために私が見つけた最も近い方法は、このページで、影の外側を1つの色にしてから、内側の別の色に移行することだけを許可します: http://www.css3.info/preview/box-shadow /

次のCSSがあるとしましょう：

グラデーションの位置/方向/色の値を読み取るためにJavascriptまたはjQueryで簡単な方法はありますか?

明らかに正規表現を使用できます...問題は、サイトにアクセスしているブラウザーに応じて異なる値を返す「背景画像」値にあります: jsFiddleの例

基本的に、これにより、linear-gradient()値だけを試してみることになりました（ブラウザーを検出してjQueryでCSSを適用することを目的としています）が、値「none」が返されました：jsFiddle example 2

私の実際の目的は、スクリプトを使用してこれらの値を動的に取得することであり、設定することではありません (ただし、ソリューションでこれを行う必要があることを望んでいます)。

明確化のために編集 グラデーションがサポートされていなくても、グラデーションの値を読み取る方法を探しています。$.cssHooksプロパティがサポートされていない場合、値「none」を返すため、使用は答えではありません。これには何のメリットもありません。

純粋なCSSを使用して、垂直の線形グラデーションである境界線を作成するにはどうすればよいですか？

-moz-linear-gradient画像ファイルではなく使用したい。このプロジェクトでサポートする必要があるブラウザはFirefoxだけです。

境界線の太さを10ピクセル、角の半径を20ピクセルにします。また、境界線を線形グラデーションにし、上部がオレンジ色（下に表示）で、下部が灰色にフェードするようにします。

良い答えを見ずに他の質問を確認しました（この記事とそこにあるこの参照のように）。マークアップにこの効果を達成するために必要なdivレイヤーが含まれている場合でも、画像なしでHTML/CSSを使用する答えを受け入れます。ありがとう！

JavaScript を使用して動的に作成されたパスを入力する必要があります。そのためのグラデーションを作成し、それを使用してパスを塗りつぶしましたが、何も起こりませんでした。コードの何が問題になっていますか?