Переполнение скрыто не работает на 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 старой версии либо.

0 ответов

Другие вопросы по тегам