2016-02-02 4 views
-1

Я хочу применить наложение css по строкам динамически.Наложение CSS на динамические строки

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

Возможно ли это? Как? Please check screenshot for help.

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

+0

Добавьте свой код HTML/PHP для записей и css, если они есть, чтобы мы могли вам помочь. – Maqk

+0

уточните пожалуйста. – Aliana

ответ

0

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

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

Подробнее о nth property here.

+0

Hi.Thank you.I не хочу скрыть записи. Все записи должны быть отображены пользователем пользователя add 6. Но в этом случае я должен отображать оставшиеся 4 с наложением. – Aliana

Смежные вопросы