Какой стиль css мне нужно установить для непрозрачности при печати из Internet Explorer 8?

Я сделал веб-страницу, состоящую из двух перекрывающихся изображений. Я применил фильтр непрозрачности к верхнему изображению, чтобы оба изображения были удобочитаемыми. Непрозрачность экрана подходит для большинства браузеров, включая IE и Firefox. Однако, когда я печатаю страницу на реальном принтере или на принтере PDF из IE версии 7 или 8, печатается только верхнее изображение. Верхнее изображение правильно полупрозрачно при печати из IE 9 и Firefox.

Ниже приведен код моей веб-страницы.

<html>
<body>
<DIV style="POSITION: absolute; WIDTH: 366px; HEIGHT: 439px; TOP: 100px; LEFT: 100px; Z-INDEX: 1;">
    <IMG style="POSITION: relative; WIDTH: 366px; HEIGHT: 439px;" src="below_picture.png">
</DIV>
<DIV style="POSITION: absolute; WIDTH: 366px; HEIGHT: 439px; TOP: 100px; LEFT: 100px; Z-INDEX: 390;">
    <IMG style="POSITION: relative; WIDTH: 366px; HEIGHT: 439px; FILTER: alpha(opacity=75);" src="above_picture.png">
</DIV>
</body>
</html>

Какой стиль css мне нужно установить для непрозрачности при печати из Internet Explorer 8?


css opacity printing internet-explorer-8
person Quan    schedule 21.12.2011    source источник

Ответы (4)


arrow_upward
6
arrow_downward

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

.CLASS_NAME {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* other intelligent browsers */
  opacity: 0.5;
}
person Rajendra Khabiya    schedule 18.06.2013

arrow_upward
1
arrow_downward

IE8 использует свойство -ms-filter.

более старому IE нужен filter: alpha(opacity=XX)

img.namedClass {
    position: relative;
    width: 366px;
    height: 439px;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75;
}

это, в каскаде, должно решить проблему для всех текущих браузеров

person Kadmillos    schedule 19.06.2013

arrow_upward
0
arrow_downward

Я думаю, что ошибка в позиционировании ... вы используете абсолютную позицию в родительском div, в то время как ваш дочерний элемент - position: relative .. он не будет работать в IE ... а затем используйте непрозрачность в div, а не на изображении. ..

person nexus_07    schedule 13.06.2013

arrow_upward

arrow_downward

person    schedule
comment
Это относится и к печати? - person Wilfred Hughes; 19.06.2013
comment
Если в браузере разрешена печать фона и изображений, то я думаю, что проблем быть не должно, тогда также я думаю, что нам нужно протестировать каждый IE .. (поскольку каждый IE имеет разное мнение) :) - person MarmiK; 20.06.2013