Пирог не применяется на кнопку в IE8

Question

Я использую CSS3 PIE для закругленных углов и градиентный фон для кнопки привязки в IE7/8. В IE8 PIE применяется только для закругленных углов, но цвет градиента не появляется, отображается только кнопка с закругленным краем в 1 пиксель. И я сталкиваюсь с этой проблемой, только если я использую эту кнопку в модальности.

a.button {
    border: 1px solid #238cbf;
    cursor: pointer;
    background-color: #3a98c4;
    background-image: -webkit-gradient(linear, top, bottom, from(#3a98c4), to(#047ab8));

    background-image: -webkit-linear-gradient( top, #3a98c4, #047ab8); 
    background-image:    -moz-linear-gradient( top, #3a98c4, #047ab8);
    background-image:     -ms-linear-gradient( top, #3a98c4, #047ab8); 

    border-radius: 4px; /* Opera 10.5,
    box-shadow: 0 1px 1px #444; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
    color: #fff;
    font-size: 12px;
    display: inline-block;

}

a.button {
    -pie-background: linear-gradient(#3a98c4, #047ab8); 
    -ms-behavior: url(/pie/PIE.htc);
}

я попытался применить положение: относительный и z-индекс, но не помог никому.

Answer 1

-ms-behavior: url(/pie/PIE.htc);

Выше это неправильно.

Скорее попробуйте ниже.

behavior: url(/pie/PIE.htc); 

Добавьте это к a.button наряду с другими свойствами.

Если проблема все еще существует, взгляните на этот ответ.

Это может быть полезно.