У меня есть страница, которая содержит в IFRAME:Div прозрачный фон при наличии iframe в нем?
<div style="position:absolute; width:80%; top:100px; left:10%; z-index:5;">
<iframe src="www.google.com" />
</div>
Обратите внимание, что источник фрейма может быть из другого домена, поэтому я не могу изменить HTML в нем.
В дополнение к этому ifame У меня есть меню и некоторые украшения изображение на дне:
<div id="menu" style="position:absolute; width:100%; top:0px; left:0px; z-index:100;">
...
</div>
<div id="footer" style="position:absolute; width:100%; bottom:0px; left:0px; z-index:0;">
...
</div>
Как вы можете видеть, я дал г-индекс для каждого DIV, поэтому он должен отображаться в том порядке, : меню сверху, затем div с iframe, а в конце - нижнее изображение.
Что я хочу, так это то, что iframe (и div держит его) не имеет фона (прозрачный цвет bg, если хотите), так что фон и изображение нижнего колонтитула позади него будут видны. Обратите внимание, что я хочу изменить только цвет фона; текст не должен меняться или получить непрозрачность.
мне удалось добраться до Б.Г. изображений и изменить его (с JQuery):
if ($.browser.msie == false) {
$(document.getElementById("content").contentDocument.body).
css('background', "url('transparent.png')");
}
else {
$(document.getElementById("content").Document.body).
css('background', "url('transparent.png')");
}
Он работает Greate на IFRAME, но DIV, который держит его каким-то образом получает белый фон.
Это не изменится, если я установил фон div на это изображение «transparent.png»; div все равно сохранит свой белый фон!
Если я заменил div на таблицу, iframe позади изображения нижнего колонтитула (хотя он имеет индекс z больше).
Все, что я хочу просто, чтобы увидеть колонтитул изображения позади этого фрейма ...
Пожалуйста, помогите, я совершенно безнадежен ...: (
Большое спасибо, он работает finnaly! О вашем вопросе, я хочу избавиться от цвета фона в iframe; Я уже попробовал поставить permansparency = "true" на iframe; как-то он не работает в IE8. Я не получил то, что вы написали о IE6; Будет ли «transparent.png» работать над этим? Еще раз спасибо! –
Основной смысл этого заключается в том, что альфа-прозрачность в png (как прозрачный фон) не отображается в IE6, для этого есть взломать, и обычно рекомендуется применять его в IE только условной таблице стилей. Некоторая информация об этом здесь: http://stackoverflow.com/questions/130161/ie6-issues-with-transparent-pngs Кроме того, если png - это просто прозрачное изображение 1x1, я бы использовал gif вместо него У меня такие же ограничения. Обычно, когда альфа-прозрачность используется в pngs, для более продвинутой прозрачности, например, угасающего градиента. – thismat