Печать веб-страницы с повернутым текстом в Internet Explorer 9
ОК, так что я полностью изменил этот вопрос, давайте покончим с этим. Попробуйте эту ссылку:Печать повернутого текста кроссбраузером (Он содержит именно тот исходный код, который указан ниже)
Вы увидите красный текст с черными краями, повернутый на 90 градусов по часовой стрелке.
Теперь моя проблема для любого пользователя IE9, зайдите на мой сайт или используйте этот код ниже. Как вы можете видеть в предварительном просмотре печати: контекстное меню -> «Предварительный просмотр печати ...», вращение не выполняется! (И, конечно, цвета фона теряются, но это нормально)
И я ЗНАЮ, что возможно напечатать, например, 35 градусов, повернутый текст, я получил пример этого, но он содержит много дерьмового кода CSS, поэтому я не смог выяснить, что отличается в этом примере ,
Кто-нибудь может увидеть, какая очевидная вещь мне здесь не хватает?
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.testRotation
{
width: 200px;
height: 16px;
background-color: red;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, SizingMethod='auto expand');
-moz-transform:rotate(270deg) translate(-200px,0px);
-moz-transform-origin: 0% 0%;
-webkit-transform: rotate(270deg) translate(-200px,0px);
-webkit-transform-origin: 0% 0%;
-o-transform: rotate(270deg) translate(-200px,0px);
-o-transform-origin: 0% 0%;
transform: rotate(270deg) translate(-200px,0px);
transform-origin: 0% 0%;
zoom: 1;
position: absolute;
left: 20px;
top: 100px;
margin: 10px;
}
</style>
</head>
<body>
<div style="position: absolute; width: 16px; height: 200px;left: 25px; top: 105px; background-color: green; border-style: solid; border-width: 5px; border-color: blue;word-wrap: break-word;">
TARGET
</div>
<div class="testRotation">
BLABLABLABLABLA
</div>
</body>
</html>