Использование печати css, изображение добавлено раньше: тело не отображается в Internet Explorer 8

Я использую отдельный css печати на нашем веб-сайте. Было спрошено что мы имеем наш логотип вверху напечатанные страницы. Это код, который я использую для печати.css:

body:before {
content: url(../images/logo.gif);
}

это работает на Firefox, Chrome, Safari и Opera ... и конечно, ты знаешь, что будет дальше.

Он не работает в Internet Explorer 8, который, по-видимому, поддерживает раньше как псевдокласс:http://www.quirksmode.org/css/beforeafter_content.html

In предварительный просмотр печати есть пустое пространство того же размера, что и логотип, но наш логотип не печатается. Если я изменю код на:

content: "Test Text" url(../images/logo.gif);

" тестовый текст " показывает, но все еще не логотип.

есть ли у кого-нибудь идеи? Это очень сложно, что я не могу отладить "предварительный просмотр печати" и просто изменить тип носителя на ссылках CSS, делает что-то совершенно другое на экране браузера.

Ура Тама!--3-->

6
css internet-explorer-8 printing

1 ответов

вы не можете печатать фоновые изображения по умолчанию. Пользователям необходимо изменить настройки браузера для печати фоновых цветов и изображений.

лучше всего добавить такой HTML:

<div class="PrintOnly">
  <img id="PrintLogo" src="logo.gif"/>
</div>

стилизация нечто подобное явно скрывают от непечатных конфигураций СМИ:

  .PrintOnly {         display:none; } 
   @media print {  
      .PrintOnly {     display:block; }
   }
9