无法使旋转文本在打印样式中正确呈现

时间:2015-07-11 01:47:51

标签: css css3 rotatetransform

所以我有一个旋转的h2的代码

<h2>An Internet Marketing Company</h2>

以下是常规样式表和打印样式表的css

.proposal .page.cover h2 {
    color: #ddd;
    white-space: nowrap;
    transform: rotate(90deg);
    transform-origin: left top 0;
    text-transform: uppercase;
    letter-spacing: 10px;
    margin: 40px 0 0 20px;
}

打印

.proposal .page.cover h2 {
    color: #ddd !important;
}

因此,网页上的结果是正确的,因为它看起来像这样 http://gyazo.com/0e41e9e7762e1e15bfc3a6d26e1c1c1a

当我尝试将其打印为PDF时,会出现问题 http://gyazo.com/a3d9b58b98f08cc81dd312ec4a7afa27

在文本周围似乎有这个黑色轮廓的垃圾。任何人都知道如何解决这个问题?

0 个答案:

没有答案