The*_*can 17 html javascript css iframe
我已经来这里一段时间了,之前只问了一个问题.我设计了很多网站.但我唯一没有完全得到的是'iFrames'.他们把我的脑袋搞得一团糟.
.:我想要实现的目标:
注意:我没有iFrames域名来源的所有权......这应该是无关紧要的,因为你只是拿一页,然后在另一页上显示.他们的外部样式仍然显示他们的页面应该如何.我知道这是因为我已经做到了.
1)我需要知道如何让iFrame在我的网站上显示为完整页面.我知道这里有很多关于iFrames的主题,但是1)它们已经过时了.2)他们不适用于我/我的网站.我已经尝试了一切,但这一切似乎都是徒劳的.
.:例:.
当用户访问http://www.example.com/news.php时,该页面应加载来自其他新闻网站的内容.即cnn,wn,cbs ......
我之前已经弄清楚了,所以请不要告诉我所有关于没有内容所有权的碎石,然后我无法实现我的目标.
我不记得我是怎么写的,但我知道没有任何CSS风格.这非常类似于:
<body style="scrolling:no;>
<iframe src='http://www.example.com'
style='position:absolute; top:4px; left:0px; width:100%; height:100%;
z-index:999' onload='sendParams();' frameborder='no' scrolling='auto'>
</iframe>
</body>
我没有得到的是:无论我使用什么样的风格来定制iFrame,它似乎都被放在一个盒子里面size= 867x155.我甚至尝试将iFrame本身放在a中DIV,并DIV设置为:W- 100%H- 100%.
当我尝试CSS方法时,忽略了marginheight/width.而且,不同的体型margin="0",是徒劳的; 再次.
Cyn*_*hia 18
HTML:
<iframe src="http://www.cnn.com" height="100%"></iframe>?
CSS:
body, html { width:100% ;
height:100% ;
overflow:hidden ;
}
iframe { width:100% ;
height:100% ;
border:none ;
}
The*_*can 10
好的,我要感谢辛西娅的帮助.
但是,如果有人正在寻找一个非常简单的答案,那么请查看:
像ORIGINAL查询:FULL iFrame
使用CSS的解决方案
<blah>
<head>
<style type="text/css">
body {scrolling:no;
}
iframe {position:absolute;
z-index:1;
top:0px;
left:0px;
}
</style>
</head>
<body>
<iframe src="http://www.wn.com" height="100%" width="100%" frameborder="0"></iframe>
</body>
请注意positioning&z-index
*注意:这可以通过MARK-UP编写.您不必使用CSS,但这样做更有意义,因为您不仅要在yoru网站上正确显示所有内容; 通过使用CSS自定义您的iFrame,您可以为网页中的每个单独框架打开更多窗口.如果你像我一样,只使用一个iFrame,那么你应该只使用MARK-UP.但是,如果你有超过1 [或1帧有多个],你应该使用CSS具体到ID每一帧.*
此外,如果有人想知道如何仅使用MARK-UP,只需交换CSS中的内容,并放入<iframe></iframe>但使用单引号
The Antarctican
| 归档时间： |
|
| 查看次数： |
38456 次 |
| 最近记录： |