Мне нужно иметь (crossdomain) iframe с динамической шириной и высотой.
Мой вопрос в том, Могу ли я создать iframe со 100% размером и прозрачным фоном, который будет показывать родительский элемент этого iframe за ним?
Можно ли добавить свойство css или прозрачный gif для фона iframe, чтобы сделать этот эффект?
Спасибо.
да, вы можете (если я правильно понимаю ваш вопрос)
понимает код если у вас есть прав доступа к содержимому iframe, поместите это в начало (iframe)
<style type="text/css">
<!-- BODY {background:none transparent;}-->
</style>
а затем вставьте iframe, как этот
<iframe src="frame.htm" allowtransparency="true">
Это не проверено, но iframes (любой элемент) должен иметь фон по умолчанию, являющийся прозрачным.
Если это не так, вы можете установить их прозрачность в CSS background: transparent
Если это не работает, вы можете использовать фильтры непрозрачности CSS:
http://www.w3schools.com/Css/css_image_transparency.asp
Изучив страницу iframe, вы можете обнаружить, что в некоторых частях страницы есть цвет. Мое предложение будет начинаться с самого высокого компонента при добавлении прозрачности:
html {
background-color: transparent !important;
}
А затем в элементе iframe:
<iframe src="www.." allowtransparency="true">