Как скрыть содержимое блока только по горизонтали?

Question

[Расул Гитинов]

Есть слайдер:

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

Пытался решить с помощью overflow-x и overflow-y, но они не работают так как хотелось бы.

Comments

[Сергей delphinpro]

overflow всегда будет резать, если задано значение отличное от visible.
Отсюда следует логичный и единственный вывод - всё должно быть внутри.
сделайте у overflow контейнера padding-top. чтобы туда помещались головы.

[Расул Гитинов]

Сергей, Да, этот вариант я хотел оставить на крайний случай. А есть возможность с помощью jquery сделать?

[Сергей delphinpro]

Расул Гитинов, этот вариант нужно пробовать в первую очередь, а не в последнюю.

[Расул Гитинов]

Сергей, Просто тогда этот отступ заполнится синим цветом, а не пустотой как нужно. Придется в еще один блок оборачивать наверно

[Сергей delphinpro]

Расул Гитинов, это уже мелочи

[Exploding]

Расул Гитинов, box-shadow: inset 0px 15px 0 0 white;

[Расул Гитинов]

Exploding, Звучит интересно)

Answer 1

[Кирюшка Цисарь]

overflow: hidden
чем вам не угодил? сделайте его общему блоку куда попадает и зелёная зона и между красными

Comments

[programmisla]

про ширину только нужно не забыть