Как распечатать фоновое изображение в twitter bootsrap

Question

Мне просто интересно, как я могу распечатать фоновое изображение в div в бутстрапе. Я вижу изображение на странице, но при попытке распечатать его там нет.

Вот мой HTML

<div class="row"> 
 

 
\t <div class="col-p-3 card">1</div> 
 
\t <div class="col-p-3 card">1</div> 
 
\t <div class="col-p-3 card">1</div> 
 
\t <div class="col-p-3 card">1</div> 
 
    
 
</div>

А вот мой CSS

@media print { 
 
    .col-p-1, .col-p-2, .col-p-3, .col-p-4, .col-p-5, .col-p-6, .col-p-7, .col-p-8, .col-p-9, .col-p-10, .col-p-11, .col-p-12 { 
 
    float: left; 
 
    position: relative; 
 
    min-height: 1px; 
 
    padding-left: 15px; 
 
    padding-right: 15px; 
 
    padding-top: 15px; 
 
    padding-bottom: 15px; 
 

 

 
    margin-right: auto; 
 
    margin-left: auto; 
 
    } 
 

 
    .card{ 
 
    height: 200px; 
 
    width:200px; 
 
    background-image: url('card.jpg'); 
 
    } 
 
}

я могу быть в состоянии напечатать фоновое изображение для целая страница. Я следил за этой ссылкой, как мне печатать только для div? Поблагодарите за любую помощь

Answer 1

Ваш код, как есть, действительно напечатает 4 div с фоном - просто протестировал его. Вы можете демонстрацию его в Google Chrome в DevTools> Дополнительные инструменты> Настройки рендеринга> Эмуляция CSS Media> печать. Я бы искал исправление где-то еще, кроме кода.

Answer 2

Для любого, у кого такая же проблема, как у меня, Это возможное решение. Веб-браузеры по умолчанию отключили фоновый рисунок, убедитесь, что вы включили фоновый рисунок. Этот парень действительно помог мне решить эту проблему. https://stackoverflow.com/a/3894013/6098616.