草庐IT

embed_iframe

全部标签

html - IE中iframe背景透明

所以我有这个带有.transparentbg类的iFrame:.transparantbg{background-color:transparent;}这在Chrome中工作正常,但在IE中不行...请帮忙?问候 最佳答案 将allowTransparency="true"添加到您的iframe对于whatever.htm添加background:transparent到它的body标签。 关于html-IE中iframe背景透明,我们在StackOverflow上找到一个类似的问题:

html - 删除 iframe 周围的额外空白?

我在我的页面中使用iframe,并且偶然发现了一个奇怪的问题。我像这样设置iframecssiframe{margin:none;padding:none;background:blue;/*thisisjusttomaketheframeseasiertosee*/border:none;}但是,iframe周围仍然有空白。我在Chrome和Firefox中都测试过,都是一样的。我四处寻找,什么也找不到。此空格也不会显示在Chrome控制台中。另外,我也已经有了以下CSS:html,body{margin:0px;padding:0px;border:0px;width:100%;h

jquery - iframe 只能显示页面的特定部分吗?

我正在处理iframe,我需要在iframe中显示页面的特定部分[例如,右上角],宽度约为300像素,高度约为150像素。示例:假设我想在页面上放置www.example.com/portfolio.php的iframe,但iframe的大小只能显示“portfolio-sports”部分位于右上角。我怎样才能做到这一点?DEMO[感谢Pointy] 最佳答案 安给你一个完整的窗口来工作。做你想做的最直接的方法是让你的服务器给你一个完整的页面,只包含你想显示的片段。作为替代方案,您可以只使用简单的并使用jQuery的“加载”函数加载

HTML5 iFrame 无缝属性

在HTML5中,iframe具有新属性,如“seamless”,应该删除边框和滚动条。我试过了,但似乎不起作用,我仍然可以看到滚动条和边框(我使用GoogleChrome作为浏览器),这是我的代码:知道为什么它不起作用吗?还有一个问题,是否可以在iframe中定位页面的特定部分? 最佳答案 更新时间:2016年10月seamless属性不再存在。它最初计划包含在第一个HTML5规范中,但后来被放弃了。一个不相关的同名属性在HTML5.1草案中短暂出现,butthattoo于2016年年中被抛弃:SoIthinkthegistofit

html - 指定 iframe 的内容而不是页面的 src 属性

我目前正在处理一个表单,其中包含一些用于上传图片的文件输入。对于那些将图片提交到iframe的输入,有一个onchange()事件,然后将上传的图片动态加载到表单中,并为其修改字段(例如名称和地理定位)。因为我不能嵌套表单,file_input也包含在iframe中。最后,我在另一个iframe中使用了一个iframe。所以我有这样的东西:并且加载到iframe中的HTML类似于(不包括html、head和body标记)这很好用,除了加载第一个iframe需要几秒钟,因此文件输入不会与页面的其余部分一起加载。这在视觉上并不理想。如果我可以指定iframe内容而不需要加载另一个页面(由第

html - 整页 <iframe>

我有下面的示例代码。这适用于所有浏览器,但移动设备上的浏览器除外。溢出标签是问题所在。适用于除移动设备以外的所有设备:margin:0;padding:0;height:100%;overflow:hidden;适用于所有移动设备而非计算机:margin:0;padding:0;height:100%;让它同时适用于两者的最佳方法是什么?TestLayoutbody,html{margin:0;padding:0;height:100%;overflow:hidden;} 最佳答案 这是工作代码。适用于桌面和移动浏览器。希望能帮助到

html - IFrame (HTML) 是否已过时?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。收到关于此的相互矛盾的消息,但愿它们不是。我无法想象对它的支持会停止,因为无数网站都在使用它们。一些额外的问题:他们为什么要淘汰这个标签?有什么替代方案吗?

javascript - 跨域 iframe 调整大小

如何调整来自另一个域的iframe的大小?过去几天,我一直在尝试将iframe集成到站点中。这是一个短期解决方案,而另一方开发和API(可能需要几个月......)因为这是我们确实想使用easyXDM的短期解决方案——我可以访问其他域,但要求他们按原样添加p3pheader已经够困难了......3个iframe我找到的最接近的解决方案是3个iframe-但它会影响chrome和safari,所以我不能使用它。在chrome中打开http://css-tricks.com/examples/iFrameResize/crossdomain.php#frameId=frame-one&h

html - 奇怪的 iframe 添加到名为 `rufous-sandbox` 的正文标签中

我在本地WordPress网站上工作,出于某种原因,在开始的body标记之后添加了一个iframe,它使正文下拉到大约20px。Google在搜索时只返回了1个相关结果,我在那里阅读的内容并没有太大帮助。可以查到here.WordPress站点没有安装插件,将其设置为display:none;不起作用。这是Chrome的屏幕截图,您可以看到: 最佳答案 它似乎是由Twitter脚本添加的。如果删除它,iframe将消失。看起来您确实以某种方式安装了Twitter插件,因为您可以看到它在body标记中显示了data-twttr-ren

html - 你如何给 iframe 100% 高度

这个问题在这里已经有了答案:Full-screeniframewithaheightof100%(20个答案)关闭7年前。我在努力但它仍然没有调整它的大小。当我尝试以像素为单位的高度时,它起作用了。编辑:100%似乎在IE上工作但不是firefox