iFrame Transperancy over PDF в HTML

У меня есть требование установить трансперенсируемость для модального всплывающего окна по pdf. Теперь все хорошо работает в Google Chrome, но поскольку Internet Explorer широко используется браузером по всему миру, я хочу, чтобы он работал и в IE.iFrame Transperancy over PDF в HTML

Как вы можете видеть на скриншоте 1, у меня есть модальное всплывающее окно, которое выглядит красиво.

ScreenShot 1

Теперь посмотрим на скриншот 2, когда я установить прозрачность, модальным всплывающее окно его полностью стать белесым.

ScreenShot 2

Теперь увидеть скриншот 3 его работает должным образом в Chrome, который является именно то, что я хочу вести себя так же в Internet Explorer.

ScreenShot 3

Я устанавливаю прозрачность, с использованием библиотеки здесь код

$("#pnlSpecialInstructions").fadeTo("slow", 0.5); 
$("#iFrameSplIns").fadeTo("slow", 0.5);

Я попытался с помощью IE фильтры, а но не работает .... :(

enter image description here

Если кто-то хочет посмотреть, что я пробовал до сих пор, вы можете проверить эту ссылку: Click Here

источник

2013-06-01 Rahul Jain

_May_ как-то связано с внутренним просмотром PDF в формате PDF против использования IE в плагине? –

Да, спасибо за ваш ответ afer googling вокруг Я обнаружил, что Google Chrome имеет встроенный просмотрщик PDF, а IE зависит от Adobe или любого другого плагина, поэтому теперь вопрос заключается в том, как я могу сделать popup transperant над pdf ... в IE ? –

Я не знаю, как это сделать с плагином; Я сомневаюсь, что это возможно. Плагины и прозрачность просто не смешиваются, так как плагины живут в другом графическом и семантическом контексте ОС, вне механизма отображения браузера. Прозрачность будет драматическим убийцей. Возможно, вы можете сделать это с помощью pdf.js, так как это отображает PDF внутри движка браузера. –

-1

Может ли фильтр IE помочь? Вот старая ссылка из css-трюков ... Я не знаю, где она будет вписываться ... но может быть направлением, о котором нужно подумать.

.transparent_class { 
    /* 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; 

    /* Good browsers */ 
    opacity: 0.5; 
}

источник

2013-06-01 23:45:53 nouveau

Я тоже пытался реализовать это, но это не работает ... :( –

Не нужно вообще использовать, поскольку вы используете jQuery - один из его USP должен абстрагироваться от таких хаков. –

-1

Добавить атрибут allowtransparency = "true" в теге iFrame и проверить результат.

<iframe allowtransparency="true" src="<Your URL>"></iframe>

источник

2013-06-03 05:17:59

Привет, Manikandan спасибо за ваш ответ ... Я тоже пробовал, но его не работает... :( –

iFrame Transperancy over PDF в HTML

ответ

Смежные вопросы