Я знаю, что идея состоит в том, чтобы использовать отдельную таблицу стилей для печати, которая скрывает все, кроме лайтбокса, когда пользователь нажимает кнопку печати на лайтбоксе.
Звучит просто, но всегда есть препятствия. Поэтому я хотел бы знать, есть ли какой-нибудь рабочий пример, который поддерживает все основные браузеры.
Я искал в Google и нашел много лайтбоксов, но ни в одном из них нет встроенной кнопки печати.
Я предлагаю вам взглянуть на эту статью http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm
Он работает, временно создавая iframe, который не может быть виден пользователю, и быстро помещая в него все материалы для печати (например, только div и его содержимое). Затем печатается содержимое iframe.
Кстати, метод таблицы стилей можно рассматривать как «способ», но, исходя из моего опыта, у него есть пара кросс-браузерных проблем.
изменить: на самом деле это похоже на то, что вы ищете http://plugins.jquery.com/project/jqPrint
Создайте новый документ CSS, в котором вы скроете все, кроме лайтбокса-div. Включите эту таблицу стилей в свой документ с атрибутом media="print".
что-то вроде
<link rel="stylesheet" href="/stylesheets/print.css"
type="text/css" media="print" />
