IE9 фильтр градиента и границы радиуса конфликта

Я пытаюсь использовать эффект градиента и радиус границы для одного и того же элемента, но между ними существует конфликт. Градиент работает нормально, но делает радиус границы неработающим.

вот сценарий

<code>.selector {
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4317',endColorstr='#891a00');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
</code>

Я не хочу использовать какие-либо.htc файлы.

Это известная проблема между фильтром и радиусом границы?

Благодарю.

 Jrod01 мая 2012 г., 17:26
Я хотел бы избежать фильтра в IE9 и использовать вместо svg. Я обычно использую этот удобный инструмент для генерации CSS для градиентов:colorzilla.com/gradient-editor
 Thomas Jones01 мая 2012 г., 17:15
stackoverflow.com/questions/9298929/…    Попробуй это

Ответы на вопрос(2)

вот пример, который работает в IE9 сborder-radius: http://jsfiddle.net/thirtydot/Egn9A/

Чтобы создать SVG-градиент, используйте:http://www.colorzilla.com/gradient-editor/, Вы не упоминаете, что пытались заставить его работать в других браузерах / версиях IE, но если это именно то, что вы пытаетесь сделать (возможно, это происходит потому, что вы используетеfilter), используйте метод, описанный в разделе «Поддержка IE9» раздел.

Еще один сайт для создания SVG-градиентов:http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html

Use these classes for border radius and gradient

HTML Code:

<div class="box-radius ">border radius with gradient</div>

CSS Code:

.box-radius {
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
             -o-border-radius: 5px;
                border-radius: 5px;  
        /* behavior: url(border-radius.htc); */
    }

.gradient {
    background-image: -moz-linear-gradient(top, #ff4317, #891a00); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff4317),color-stop(1, #891a00)); /* Safari & Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff4317',endColorstr='#891a00'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff4317',endColorstr='#891a00')"; /* IE8 */

Ваш ответ на вопрос