CSS наложение на динамические строки

Question

CSS наложение на динамические строки

Я хочу применить оверлей CSS для строк динамически.

Предположим, у меня есть список из 10 записей. Теперь, если администратор введет 6 в текстовое поле и нажмет кнопку «Отправить», я должен отобразить первые 6 записей, а оставшиеся 4 отображаются под наложенным макетом.

Является ли это возможным? Как?
Пожалуйста, проверьте скриншот для помощи.

Для информации: я использую PHP и HTML-код.

-1

css overlay php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Хм. Вы можете создать 10 дел (10 записей) и дать им display: none имущество.

Если пользователь вставит 6 в текстовое поле, вы можете изменить первые свойства 6 div в display: inherit или же display: initial использование свойства: nth-child в CSS. Я предполагаю, что это будет много работы.

Узнайте больше о nth собственности Вот.

0