0

私は自分のウェブサイトのボタンを作成しようとしています。ボックスの隅に黒い縁があるIE9以外のすべてで正常に動作します。F12 を使用して、コードのどの部分がすべてを台無しにしているかを見つけたところ、「filter:progid...」がその理由のように見えますが、それがないとさらに悪化します。無数のサイトを読みましたが、解決策が見つかりませんでした。誰かが修正方法を知っている場合は、助けてください! :)

Mozilla vs IE - 何が起こっているかのイメージ。上が Mozilla、下が IE です。

.button {font: bold;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000));
background:-moz-linear-gradient(top, #000000 5%, #000000 100%);
background:-webkit-linear-gradient(top, #000000 5%, #000000 100%);
background:-o-linear-gradient(top, #000000 5%, #000000 100%);
background:-ms-linear-gradient(top, #000000 5%, #000000 100%);
background:linear-gradient(to bottom, #000000 5%, #000000 100%);
overflow:auto;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',     endColorstr='#000000',GradientType=0);
-moz-border-radius:42px;
-webkit-border-radius:42px;
border-radius:42px;
color: #BDBDBD;
padding:3px 55px;
width: 150px;
}
4

1 に答える 1

0

残念ながら、Internet Explorer にはグラデーションに関して問題があることが知られています。

そうは言っても、これは別の投稿で対処されているものであり、こことここで見つけることができ、svg グラデーションを使用して問題を解決しています。

于 2013-08-04T18:54:59.960 に答える