переполнение: скрыто не работает, когда позиционируется абсолютно в браузерах webkit (пожалуйста, помогите)

Question

Если вы посмотрите на этот пример в браузере webkit, chrome, safari

http://freemotive.co.uk/dev/exp2.html

переполнение: скрытый набор для элемента span, кажется, не работает, когда позиционируется абсолютно.

Общая идея заключается в том, что элемент span будет скрывать изображение внутри круга с использованием радиуса границы.

Я читал, что это ошибка в веб-наборе, однако мне интересно,есть решение этой проблемы?

Я играл с идеями, но пока ничего не получалось.

надеюсь, что некоторые из вас могут помочь.

Answer 1

Если я вас правильно понимаю, вы в основном пытаетесь "обвести" изображение внутри круга, используя диапазон с border-radius и overflow: hidden ... почему бы не попробовать применить border-radius к элементу изображения сама