0

ボタンのこのスタイリングがあります。FirefoxとChromeでは完璧に動作しますが、 Internet Explorerでは動作しません(すべてのバージョン)

JsFiddle DEMO : http://jsfiddle.net/Mhded/1/

これが私のコードです:

HTML:

<span class="button_style">Comment</span>

CSS:

.button_style { 
    background:-moz-linear-gradient(top,#006666 0%,#006666 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#006666),color-stop(100%,#006666));
    background:-webkit-linear-gradient(top,#006666 0%,#006666 100%);
    background:-o-linear-gradient(top,#006666 0%,#006666 100%);
    background:-ms-linear-gradient(top,#006666 0%,#006666 100%);
    background:linear-gradient(top,#006666 0%,#006666 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006666',endColorstr='#006666',GradientType=0);
    border: 1px solid #006666;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-family: 'Helvetica',sans-serif;
    font-size: 14px;
    padding: 6px;
    vertical-align: middle;
    width: 70px;
    cursor:pointer;
}
4

2 に答える 2

0

これは、IE が一部の CSSプロパティをサポートしていないためです。それぞれを調査し、IE でそれを行う方法を見つける必要があります。

フィルターは IE 10 でサポートされていないものですhttp://msdn.microsoft.com/en-us/library/ie/hh801215(v=vs.85).aspx

于 2013-09-18T07:52:38.353 に答える