背景颜色未在打印预览IE中显示

时间:2016-10-05 10:40:31

标签: html css angularjs internet-explorer printing

如何确保IE会打印圆圈?

我目前正在使用这个:

<li ng-repeat="items in ferdigheter">{{ items.title}}
<div class="circles">
    <div class="circle" ng-repeat="a in thisnumber(items.stars)"></div>
    <div class="empty_circle" ng-repeat="a in thisnumber(items.maxstars - items.stars)"></div>

</div>
</li>

当我正在查看打印时( ctrl + p )标题是否存在,但是圆圈/空白圆圈在打印中不存在。知道为什么吗?

如何确保圆圈也会打印出来?

当前页面:

enter image description here

当前版画:

enter image description here

想要打印:

enter image description here

更新

范围:

  $scope.ferdigheter = [
        {tittel: 'Adobe Photoshop', stars: 2, maxstars: 5},
        {tittel: 'CSS/html', stars: 5, maxstars: 5},
        {tittel: 'PHP', stars: 4, maxstars: 5},
        {tittel: 'Angular', stars: 3, maxstars: 5},
        {tittel: 'Javascript', stars: 4, maxstars:5},
        {tittel: 'MS Word', stars: 4, maxstars: 5},
        {tittel: 'Dreamviewer', stars: 2, maxstars: 5},
        {tittel: 'Phpstorm', stars: 4, maxstars: 5},
        {tittel: 'Codeigniter', stars: 5, maxstars: 5},
        {tittel: 'XXX', stars: 3, maxstars: 5},
        {tittel: 'XXX', stars: 5, maxstars: 5},

    ];

范围thisnumber创建数组

1 个答案:

答案 0 :(得分:2)

在IE中转到文件&gt;页面设置将弹出一个窗口

有选项“打印背景颜色和图像”确保你选择它 并尝试

enter image description here