Проблема прозрачности Iframe

У меня есть iframe для представления выпадающего меню. Проблема в том, что когда отображается iframe, я могу видеть содержимое с родительской страницы.Проблема прозрачности Iframe

Есть ли способ не сделать iframe прозрачным?

jQuery('<iframe id="accountframe" style="position: absolute; width: 290px; height:  140px; margin-top: 0px; margin-left: 0px; top:0px; left:0px; text-align:left overflow:hidden; allowTransparency:false" src="test.jsp" ></iframe>').appendTo('#account');

Я использую jQuery для динамического добавления/удаления iframe. Я уже пробовал allowTransparency: false как таблицу стилей, а также allowTransparency = "false" как атрибут, но оба способа не работают.

Спасибо.

источник

2013-11-12 Marquinio

около allowTransparency="true"? С тех пор как вы do хотите, чтобы он был прозрачным?

Это также помогло бы установить background-color:transparent на iframe и убедиться, что страница, загружаемая в iframe, не определяет цвет фона в его теле.

источник

2013-11-12 13:15:47

В вашем коде есть некоторая ошибка: allowTransparency не является свойством CSS. allowtransparency является атрибутом элемента iframe. И вы пишете allowTransparency как свойство CSS.

Попробуйте с этим кодом -

jQuery('<iframe id="accountframe" style="position: absolute; width: 290px; height:140px; margin-top: 0px; margin-left: 0px; top:0px; left:0px; text-align:left overflow:hidden;" allowTransparency="false" src="test.jsp" ></iframe>').appendTo('#account');

There is article for this

Как вы упоминаете вы также можете попробовать allowTransparency="false" как атрибут, но если вы хотите, чтобы сделать ваш IFrame прозрачным. Вам нужно установить allowTransparency="true" на Iframe.

Убедитесь, что оба IFRAME и его исходный BODY элемент имеет правила в background:transparent стиль применяется:

<iframe frameborder="0" allowTransparency="true" style="background:transparent" ... ></iframe>

и в источнике:

<body style="background:transparent">

PS: стили CSS выше рядный только для примера ,

Попробуйте:

jQuery('<iframe id="accountframe" style="position: absolute; width: 290px; height:140px; margin-top: 0px; margin-left: 0px; top:0px; left:0px; text-align:left overflow:hidden;" allowTransparency="true" src="test.jsp" ></iframe>').appendTo('#account');

источник

2013-11-12 13:56:32

Проблема прозрачности Iframe

ответ

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