1

Здравствуйте. Мне нужно поставить фоновую картинку для элемента меню, так, чтобы эта картинка была прижата к низу элемента, и растянута на всю его ширину. Делаю следующее:

    background-color:#fff;
background-image:url(../img/bg-active.svg);
background-repeat:no-repeat;
background-position:center bottom;
background-size:100% 27px;

В файрфоксе все работает, а в опере и хроме - картинка не растягивается, просто остаётся по нижнему краю элемента, и по его центру.

    -moz-background-size:100% 27px;
-ms-background-size:100% 27px;
-webkit-background-size:100% 27px;
-khtml-background-size:100% 27px;
-o-background-size:100% 27px;   

Ничего из этого не помогает.

Буду благодарен за идеи.

2

1 ответ 1

2

Вам нужно добавить preserveAspectRatio

<svg preserveAspectRatio="none">

в ваш bg-active.svg

Совет взят отсюда

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.