У меня есть 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" как атрибут, но оба способа не работают.
Благодарю.
как насчет allowTransparency="true"
? Так как вы хотите, чтобы он был прозрачным?
Это также поможет установить background-color:transparent
на iframe и убедиться, что страница, которую вы загружаете в iframe, не определяет цвет фона в его теле.
В вашем коде есть некоторая ошибка: 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');