Переполнение скрыто не работает на Android 4.3 и ниже
Я пытаюсь обрезать картинку, чтобы она была круглой на странице. Он не работает на встроенном браузере Android 4.3 и ниже.
<div class="clipper">
<img class="profilePicture" src="http://excample.com/picture"/>
</div>
и CSS:
.clipper {
height: 140px;
width: 140px;
position: absolute;
left: 0;
border-radius: 1000px;
z-index: 1000;
overflow: hidden;
@include transform(scale(0));
@include transition(transform 0.3s);
&.scaledUp {
@include transform(scale(1));
}
}
.profilePicture {
height: 140px;
width: 140px;
}
Кто-то сказал, что это потому, что в Android переполнение: скрытое не сработает, если позиция относительная или абсолютная. Я попытался исправить это, обернув все это в div и сделав его положение абсолютным. Однако это не сработало.
Или это связано со стилем любых других элементов, например?
Также фильтр: размытие на не похоже, работает на Android старой версии либо.