Форум Сайтостроение Веб-строительство

Не работает border-radius у изображения "до-после". Почему?

Mahol
На сайте с 20.11.2016
Offline
92
Mahol
767

Всем доброго вечера.

Сайт - Wordpress, установлен плагин Twenty20 Image Before-After.

На странице несколько изображений "до-после" и почему-то к ним не получается применить скругление краев, то есть, border-radius. Что не так?

S
На сайте с 13.10.2014
Offline
171
silicoid
#1

Наверное потому,что не туда кладете бордер-радиус 

.twentytwenty-container {

    border-radius: 100px;

}

результат

https://screenshotscdn.firefoxusercontent.com/images/1228d31c-8296-4076-b4dd-7fa4fd14c39a.png

Mahol
На сайте с 20.11.2016
Offline
92
Mahol
#2

silicoid, точно, почти заработало, но все-таки не до конца. У некоторых изображений не все углы скругляются почему-то...

Mahol
На сайте с 20.11.2016
Offline
92
Mahol
#3

Не все края скругляются. Кто-то может помочь?

S
На сайте с 30.09.2016
Offline
469
Sitealert
#4
Mahol:
Не все края скругляются.

Они все скругляются. Но нижний край не виден, потому что рисунок не умещается в блок по высоте.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Mahol
На сайте с 20.11.2016
Offline
92
Mahol
#5

Sitealert, хм, а как рисунок уместить по высоте?

S
На сайте с 30.09.2016
Offline
469
Sitealert
#6

Либо пропорции подберите соответствующие, либо пропишите height: 100%; (тогда рисунок просто сожмётся по высоте). Либо пропишите высоту, уберите ширину, и сдвиньте рисунок к краю. Есть и другие рецепты, но думаю, и этих хватит.

Sevix
На сайте с 24.10.2011
Offline
93
Sevix
#7

Для родительского контейнера: 


.twentytwenty-container {

border-radius: 15px;

overflow: hidden;

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий