2017-01-17 14 views
-1

Я использую flexslider (фиксированная высота 500 пикселей), но слегка изменил его, чтобы изображения отображались хорошо, даже если они имеют высоту более 500 пикселей. Поэтому я добавилРезервное решение для объектной привязки на flexslider

объект подходит: крышка; объект-позиция: центр;

в CSS img-Tag.

Однако это не поддерживается, и изображения в браузере очень уродливы. Есть ли хорошее резервное решение для IE?

Я уже искал в StackOverflow, но все ответы не были действительно удовлетворительными.

ответ

0

Вы можете попробовать это:

CSS

-webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: 50% 50%; 

для получения более подробной информации вы можете обратиться here