Почему не появляется блок с градиентом?

Question

[Denisneedyourhelp]

Почему не появляется второй блок? Хочу сделать их на половину прозрачными и соединить так сказать

Comments

[Rustam Bainazarov]

Интересно, почему все любят слать код скриншотами? Разве самим не понятно, что так ничего не понятно? :))

Почему классы на кириллице? ( О_о)

Никто никогда так не делает.

Где HTML-структура хотя бы? Как понять, кто чей родитель? Что за «второй блок», как можно понять? Если это .шапка2, то поставьте родителю этой «шапке» position: relative (или иной любой отличный от static).

P. S. Бога ради, не делайте кириллические селекторы.

[Denisneedyourhelp]

Рустам Байназаров, Меньше месяца занимаюсь изучением html и css.
Можете сказать причину почему блока не видно?

[Rustam Bainazarov]

Судя по названию файла, это какой-то курс вы проходите.

Я не знаю, что за курс, но если вы уже присылали наставникам ваши дом. задания, где есть кириллица, и вам сразу не сказали, что использование кириллицы в CSS/JS (и далеко не только) в мире не принято и делать так нельзя, — эти курсы стоит забросить.

[Rustam Bainazarov]

Denisneedyourhelp, я уже написал выше, что код в том виде и объёме, как прислали вы, — недостаточен.

Полный код блока на https://jsfiddle.net, кнопка «Save», а полученную ссылку из адресной строки — в комментарий сюда.

[Denisneedyourhelp]

Рустам Байназаров,

[Rustam Bainazarov]

Denisneedyourhelp, блин, ну вы хотя бы тогда текстом пришлите сюда тупо в комментарий.

[Denisneedyourhelp]

T
imes with
Vishnevetsky

[Denisneedyourhelp]

Рустам Байназаров,
Я вижу что он вообще не переписался сюда.
Поэтому и не скидывал, но пробовал

[Rustam Bainazarov]

Denisneedyourhelp, в окне редактора комментария выделите код, нажмите предпоследнюю иконку со скобками в панели сверху и выберите первый пункт «Code».

Или же, как и все люди, воспользуйтесь песочницей https://jsfiddle.net (или иной), ибо это проще, быстрее и можно сразу отредактировать.

[Denisneedyourhelp]

Рустам Байназаров, Наконец то разобрался...
https://jsfiddle.net/xvys87w6/1/

[irishmann]

Ну офигенно видно код, прям, идеально. Всегда так делайте, и всем советуйте.

[Rustam Bainazarov]

Denisneedyourhelp, во первых, где должен быть .cap2? После .cap или внутри него?

Если после, то почему position: absolute? Этот метод позиционирования требует якоря от родителя (любой position, кроме стандартного static).

Во вторых, смотрите инспектор, у вас там ошибка, из-за которой два свойства background-image и width соединились.

[Rustam Bainazarov]

Denisneedyourhelp, смотрите комментарии в коде:

[Denisneedyourhelp]

irishmann, Я ж не виноват что вы с телефона) На ПК можно приближать.

[Rustam Bainazarov]

Denisneedyourhelp, на телефоне тоже можно, но дело не в этом.

[Denisneedyourhelp]

Рустам Байназаров, Cap2 должен быть после cap.
Я читал что если задать элементу свойство position: absolute; то другие его не будут замечать. Соответственно я смогу его поставить под другие элементы не сдвинув их

[Rustam Bainazarov]

Denisneedyourhelp, так и есть. Он будет исключен из т. н. «потока документа». Только элемент при этом может улететь в дальние-дальние края, если у него не будет родительского якоря или если якорь будет гораздо выше по коду.

[irishmann]

Denisneedyourhelp, это ваша проблема. Такое небрежное оформление, показывает крайнюю степень неуважения к коллегам по цеху. То что я с телефона, это ваша проблема. Воизбежании таких проблем есть специальные тэги, для вывода кода. И есть правила сайта, обязывающие код писать текстом, а не картинкой.

UPD. Выписка из правил

3.8. Использовать для демонстрации фрагментов кода только специальный тег code или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.

[Denisneedyourhelp]

Рустам Байназаров, Эмммм...
Это мне получается надо просто задать тегу body width и height по 100%?

[Rustam Bainazarov]

Denisneedyourhelp, а это тут при чем?

Почитайте о свойстве position и его значениях, частным случаем которых является absolute.

[Denisneedyourhelp]

Рустам Байназаров, Скажите просто как надо сделать, а я уже посмотрю на пример и перечитаю всё о свойстве position

[Rustam Bainazarov]

Denisneedyourhelp, я не знаю вашей задачи и не понимаю её.

[Denisneedyourhelp]

Рустам Байназаров, Нужно что бы cap2 появился на странице.
Вы сказали что он мог улететь потому что я не задал якоря этому блоку.
Я так понял что width 100% и height 100% для тега body не подходят в качестве якоря.
Что же делать тогда?

[Rustam Bainazarov]

Denisneedyourhelp, почитайте о position: absolute и родительских блоках элементов с таким типом позиционирования. Элементу с position: absolute нужен родительский блок с position: relative/fixed/absolute/sticky. Относительно него и будет позиционироваться ваш position: absolute.

[Арсений Матыцин]

Здравствуйте, трщ пиратен. Берем с поличным, так сказать)