Как мне справиться с этим CSS для печати? - PullRequest
Новая
       4

Как мне справиться с этим CSS для печати?

0 голосов
/ 19 июля 2011

У меня есть HTML-страница.С заголовком Body и Footer.

В Body у меня есть две секции Primary (слева) и Rail (справа).Основной содержит Артикул, а рельс содержит несколько модулей.Я хочу написать CSS, который просто печатает статью в основном.

Я сделал 


#header{display:none;}
#footer{display:none;}

, эти два свойства работают правильно в print.css

, но когда яdo #rail {display: none}, он не скрывается, и я все еще получаю все тело.Если я скрываю элементы, появляющиеся внутри рельса, они также скрываются.Но рельс не делает.

Кто-нибудь может подсказать мне, что может пойти не так.

Ответы [ 2 ]

2 голосов
/ 19 апреля 2013

Мне показалось, что этот jquery работает хорошо, вы можете выбрать, какие поля отображать в вашей версии для печати, вы также можете добавить любой css к голове, включая файлы или просто пару классов. 

function printPage(){
      var w = window.open();

      var headers =  $("#headers").html();
      var field= $("#field1").html();
      var field2= $("#field2").html();

      var html = "<!DOCTYPE HTML>";
        html += '<html lang="en-us">';
        html += '<head><style></style></head>';
        html += "<body>";

        //check to see if they are null so "undefined" doesnt print on the page. <br>s optional, just to give space
        if(headers != null) html += headers + "<br/><br/>";
        if(field != null) html += field + "<br/><br/>";
        if(field2 != null) html += field2 + "<br/><br/>";

        html += "</body>";
        w.document.write(html);
        w.window.print();
        w.document.close();
    };
0 голосов
/ 19 июля 2011

Проверьте встроенный стиль вашего #rail раздела, он может иметь что-то, что отменяет ваш display:none;. Если он все еще отображается, попробуйте добавить !important после вашего display:none;.

Я просто догадываюсь, но лучший способ выяснить, что идет не так, это загрузить страницу с помощью print.css и выполнить поиск по ней с помощью Firebug или около того ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...