3

やあ..

背景がデフォルトでグラデーションになっているラベルがあります（IE）。

     label{
      width:100px;
      height:100px;
      border:1px solid red;
      filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr="#ff3333",endColorStr="#663300");
     }
<label> Rama Rao </label>

ユーザーがその背景色をグラデーションまたは通常のいずれかに変更できるようにしています。ユーザーが入力した値を取得し、css を設定しています。

<label style="background:#val1"> Rama Rao </label>

また

  <label style="filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr="#val1",endColorStr="#val2");"> Rama Rao </label>

ユーザーが再度グラデーションを設定すると機能します...しかし、ユーザーが通常の色を入力した場合は機能しません...しかし、私の知る限り、inline-style内部スタイルをオーバーライドできます...しかし、filter場合によっては機能しません(つまり、フィルターを背景によって上書きされます) ...どうすればこれを克服できますか?
注：名前の揺れについては、<label>ここで言及しました...しかし、それはどのタグでも起こる可能性があります....

4

1 に答える 1

10

これを使用して削除できます：

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

また、私がここで作ったこのフィドルをチェックすることができます。

また、グラデーションに使用しているコードはInternetExplorer専用です。ほとんどのブラウザと互換性のあるコードが必要な場合は、こちらのツールを確認してください。

于 2012-09-03T07:20:41.647 に答える