Какая версия Firefox поддерживает закругленные углы на граничных элементах через moz-border-radius?

Question

Я только что обнаружил, что -moz-border-radius также реализует закругленные углы на элементе «обернутый / граничный», например, изображение с нанесенным на него moz-border-radius будет также иметь закругленные углы.

Я не могу найти подробности в журналах изменений Firefox, так есть ли кто-нибудь, кто знает, какая (основная) версия Firefox начала поддерживать это? Firefox 3.6.5 еще не сделал.

Answer 1

Сайт Mozilla, кажется, говорит, что он был там с версии 1 с эллиптическими углами, появившимися в версии 3.5.

https://developer.mozilla.org/en/CSS/border-top-left-radius

Answer 2

Я не о радиусе угла границ, я имею в виду фактический поворот обернутого элемента, например изображения.

Только Firefox, посколькуWindows 4 * версии 1006 * (начиная с версии 5 Linux), IE 9, Chrome и Safari закругляют углы реального изображения в этом случае.Это можно увидеть более отчетливо, когда к изображению не применена граница.

.demo-rounded-image img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;    /* W3C property should appear last */
}

<div class="demo-rounded-image">
<img src="img/beetle.jpg" width="200" height="200" alt="Beetle">
</div>

Снимок экрана из Chrome 13 (аналогично FF 4 Win):

Firefox 3.6 и Opera 11.5 не закругляют углы изображения.(Да, если они будут применены, они будут закруглять углы границы, но изображение будет выделяться по углам.) Снимок экрана из Firefox 3.6.21:

Однако дажев браузерах, которые округляют изображение, как только вы начинаете применять к изображению границу, эффект начинает теряться.Снимок экрана из Chrome 13:

Обновление (сентябрь 2012 г.)

Opera 12.02 (самая последняя и самая лучшая) поддерживает закругленные углы на самом элементе img,и корректно обрабатывает его при применении границы.

Обновление (апрель 2013 г.)

Более поздние версии Google Chrome (тестированная версия 26) теперь также корректно обрабатывают закругленные углы на изображении в сочетании сграницы (как и в предыдущем обновлении Opera выше).Это приводит к следующему: