Совместимость CSS3 с IE — Растягивание фона

#css

#css

Вопрос:

У меня возникла проблема с растягиванием моего логотипа в пределах желаемого размера логотипа. Ниже приведен мой Css3-код. это прекрасно работает с другими браузерами, кроме IE. Пожалуйста, используйте IE, чтобы просмотреть мою проблему. www.allwireinc.com пожалуйста, помогите.

 h1.logo { 
    width: 145px; height: 120px; }

h1.logo a {
    background: url(http://www.allwireinc.com/images/weblogo.png) no-repeat left;
        -moz-background-size: auto 100%;
    -o-background-size: auto 100%
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
        display: block; 
        width:100%;
        height:100%;
}
  

Ответ №1:

Более старые версии IE этого не поддерживают.

Однако вы могли бы заменить его на img , и вы могли бы растянуть это.

Ответ №2:

Сами по себе более старые версии IE не поддерживают эту функцию (и многие другие). Вы могли бы попробовать CSS3PIE и посмотреть, работает ли это. В противном случае вам придется решить, готовы ли вы смириться с ограничением или хотите написать какой-нибудь Javascript, который позаботится об этом за вас.

Комментарии:

1. В документации PIE говорится, что размер фона будет игнорироваться в IE 6-9: css3pie.com/documentation/supported-css3-features