3

CSS3 Pie や CSS3Please などのツールのおかげで、クロスブラウザー CSS を作成できるようになりました。

しかし、私はまだ 2 つの領域で立ち往生しています (もちろん Internet Explorer のため):

  • 放射状グラデーション
  • 回転と角丸を組み合わせる

これらの問題に対処する方法についての指針をいただければ幸いです。

私の目的は、CSS クロス ブラウザーの円グラフを作成することです。

4

2 に答える 2

1

IEの場合、使用する必要があります

filter: progid:DXImageTransform.Microsoft.Gradient()

こちらの MSDNドキュメントを参照してください。

于 2011-02-22T20:07:36.393 に答える
0

放射状グラデーション チェックアウトの場合: Internet Explorer 6/7/8 の放射状グラデーションを作成します。

角を丸くするには、これらを css シートに追加します。

.someclass {
    /* here you put your PIE.htc file's adress */ 
    behavior:url(/Content/PIE.htc); 
    /* and wish, it behaves like a pie! */
    border-radius:22px 22px 14px 14px;
    /* also you can do smt like */
    /* border-radius:14px 22px 30px 36px; */
    /* or smt more sexy like */ 
    /* border-radius:32px 10px 32px 10px/32px 10px 32px 10px; */
}

各コーナーに異なる半径を指定でき、すべてのブラウザで機能します。

円グラフについては、これをチェックしてください：http://raphaeljs.com/pie.html

于 2012-01-17T13:53:03.133 に答える