Пример того, как накладывается эффетк от нескольких элементов с полупрозрачным фоном.


Категории: CSS
Не буду приводить пример кода так как, на мой взгляд, он тут будет лишним.
Опишу словами: у нас есть контейнер, внутри которого два элемента (пусть это будут div’ы), у первого z-index 10, у второго 20. Вроде все просто, но получается так, что первый див оказывается на переднем плане, хотя имеет более низкий индекс…

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


Категории: CSS

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

pic1


Категории: CSS
Первая мысль, что можно использовать margin, padding или варианты с position для option оказалась не верной.

Категории: HTML, CSS
Когда потребовалось выделять цветом активное поле ввода, то в Chrome цвет оказался неожиданным!

Категории: HTML, CSS
Кажется, какие тут могут быть проблемы с изменением, например, цвета текста в placeholder?
Но оказалось, что с кроссбраузерностью у них еще беда.

Категории: HTML, CSS
Бывает довольно простая, по замыслу, задача превращается в настающую головную боль.

Пример такой проблемы:

Нужно разместить блок, высота которого заранее не известна,  вертикально по центру другого блока.

Категории: Web, HTML, CSS
Довольно простой пример, но пусть полежит тут.
Может кому-то пригодиться.

Категории: CSS
Нужно было растянуть меню по ширине экрана и сделать все пункты равноудаленными.

Категории: HTML, CSS
Иногда нужно растянуть бэкграунд так, что бы он занимал весь элемент, частности растянуть на весь экран.

Категории: CSS
Яндекс.Метрика