Как бы я сделал, чтобы этот iframe потерял свои границы / полосы прокрутки и изменил размеры, чтобы соответствовать DIV? - PullRequest
0 голосов
/ 14 февраля 2011

Я попробовал то, что сказали другие люди, и это не похоже на работу. Не могли бы вы написать это самостоятельно? Я очень расстроен.

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=\'test.html\'></iframe>'">Computing</a>

Вот место, где мне бы хотелось:

http://markbrewerton.co.uk/work.html#computing

Ответы [ 2 ]

0 голосов
/ 14 февраля 2011

HTML

<iframe src="" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

CSS

border:none;
overflow:hidden;
width:450px;
height:35px;"

В IE используется Allowtransparecy, в противном случае вы увидите фон, отличный от фона страницы ..

РЕДАКТИРОВАТЬ:добавил экранированную версию

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=\'http://www.google.com\'  scrolling=\'no\' frameborder=\'0\' allowtransparency=\'true\'></iframe>'">Computing</a>    
<div id="MainBack"></div>
0 голосов
/ 14 февраля 2011

Используйте такое правило CSS, чтобы iframe заполнял его родительский элемент и не имел границы:

#MainBack iframe { width: 100%; height: 100%; border: none; }

Internet Explorer не поддерживает настройку border, поэтому вам также необходимо установить frameborder атрибут в теге:

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=&quot;test.html&quot; frameborder=&quot;0&quot;></iframe>'">Computing</a>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...