Вопрос прозрачности Iframe

Question

Вопрос прозрачности Iframe

0

У меня есть 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" как атрибут, но оба способа не работают.

Благодарю.

Marquinio 12 нояб. 2013, в 14:34

Источник

Теги:

javascript

jquery

iframe

2 ответа

0

В вашем коде есть некоторая ошибка: 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');

Есть статья для этого

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

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

<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');

Ishan Jain 12 нояб. 2013, в 12:48

Ещё вопросы

Timothy Groote · Accepted Answer · 2013-11-12T10-30-00.000Z

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

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