Задать вопрос

Как вывести на печать определенный блок страницы?

Здравствуйте!
При клике на button необходимо выводить на печать определенный блок, а все остальные скрыть. Как это сделать?
Пробовал добавлять к кнопке обработчик
onclick="window.print()
и прописывал стили для блока
@media only print{
        * { display: none; }
	.print { visibility: visible; }
}

не помогло, возможно где то допустил ошибку...
  • Вопрос задан
  • 5110 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
@media print {}
без only

и в css тогда так:
* { display: none; }
.print { display: block; }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽