HTML5 iFrame 无缝属性

2023-12-01

在 HTML5 中,iframe 具有“无缝”等新属性,可以删除边框和滚动条。我已经尝试过,但似乎不起作用,我仍然可以看到滚动条和边框(我使用 Google Chrome 作为浏览器),这是我的代码:

<iframe seamless="seamless" title="google" width="600" height="300" src="http://www.google.co.uk"></iframe>

知道为什么它不起作用吗?

还有一个问题,是否可以定位 iframe 内页面的特定部分?


更新日期:2016 年 10 月

The seamless属性不再存在。它最初被提议包含在第一个 HTML5 规范中,但后来被放弃。一个不相关的同名属性在 HTML5.1 草案中短暂客串,但那也是于 2016 年中期被抛弃:

所以我认为从实现者方面和网络开发方面来看,这一切的要点是seamless所指定的似乎并不是任何人想要开始的。或者至少比任何人真正想要的要多。无论如何喜欢@annevk说,鉴于 Shadow DOM,其中很多似乎已经“被事件克服”了。

换句话说:清除seamless属性来自你的记忆,并假装它从未存在过。

为了后代,这是我五年前的原始答案:

原答案:2011年4月

该属性目前处于草稿模式。因此,当前浏览器尚不支持它(因为实现可能会发生变化)。同时,最好只使用 CSS 从 iframe 中去除边框/滚动条:

iframe[seamless]{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
}

无缝属性比 CSS 添加的内容更多:该属性背后的部分原因是允许嵌套内容继承应用于 iframe 的相同样式(就像嵌入文档是元素内嵌套的一个大文档一样,例如)。

最后,Internet Explorer 版本(8 及更早版本)需要附加属性才能删除边框、滚动条和背景颜色:

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

当然,这并不能验证。所以如何处理就看你自己了。我的(挑剔的)方法是嗅探代理字符串并添加 IE 9 之前版本的属性。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 iFrame 无缝属性 的相关文章

  • 如何去掉所有标签并得到纯文本?

    我必须将用户输入文本存储在我的数据库中HTML and CSS格式 案例是 Rad编辑器 http www telerik com products aspnet ajax editor aspx 用户将文本从 MSWord 复制到此编辑器
  • 错误:使用本地文件时,summernote 不是一个函数

    我遇到了一个非常奇怪的问题 当我使用本地的 Summernote 文件加载文本编辑器时 发生了 summernote 不是函数 的情况 但是 如果我使用 cdn 文件加载编辑器 一切都会顺利 这是我的 HTML 标头代码
  • 具有 dropdown-menu-right 类的下拉菜单未向右对齐

    我有以下导航栏结构 current user username 来自我的模板系统 ul class navbar nav mr auto mt 2 mt lg 0 ul div class dropdown show a class dro
  • 客户端与服务器端图像压缩[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在研究用户可以上传图片的东西 图像大小不受限制 现在我有两个选择使用PHP 服务器端 压缩图像或使用
  • 在 Bootstrap 按钮下拉列表标题/占位符文本中显示所选项目

    这个问题已经在 Stackoverflow 上被问过几次了 但是我仍然无法弄清楚它的真相 而且我的查询正在抛出更多的下拉菜单 所以我有两个下拉菜单和一个搜索 我想从下拉列表和 选定 中进行选择以替换下拉占位符文本 但我还需要记住 点击搜索后
  • 如何为带有标题图像的移动设备设置 HTML,该图像占据浏览器的整个宽度?

    我担心的是我必须为移动设备建立一个网站 概念中是将图像设置为标题 现在的问题是 不同的智能手机具有不同的显示分辨率 有例如840x560 480x320 或 800x480 我必须编写什么元标签 CSS 等才能使 每个 现代智能手机中的图像
  • 如何使h1标签以其实际宽度居中

    我需要使 h1 标签居中 还需要在其周围制作边框 为了防止占用更多宽度 我给出display inline block但标签没有响应text align center then h1 text align center border 1px
  • HTML 表单 POST 到 PHP 页面 [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 好的 我创
  • 如何在CSS中嵌套多个计数器?

    我想用 CSS 嵌套两个不同的编号 以获得如下所示的自动编号 1 第 1 节 1 1 小节1 1 2 小节1 2 第 2 节 2 1 小节2 2 2 小节2 这是我实现这一目标的尝试
  • 将外部脚本嵌入 Next.js 应用程序

    我一直在尝试将外部 JavaScript 源嵌入到我的 Next js 应用程序中 但不断收到以下错误 无法对 文档 执行 写入 无法写入 从异步加载的外部脚本写入文档 除非 它是明确打开的 可以找到我尝试使用的代码here https w
  • 关闭 Bootstrap 模式 onclick

    我使用 Bootstrap 模式让用户在将商品添加到购物车之前选择产品选项 我之前在这种情况下使用过它们 没有任何问题 但这个没有按预期关闭 当用户单击 添加到购物车 按钮时 会发生一些事情 我认为问题就在那里 首先 一些脚本检查某些字段是
  • 可编辑的 Div 插入位置

    我有一个可编辑的 div 我正在使用一个按钮将图像插入到该 div 中 现在 我只是在做 document getElementById elementid innerHTML 为了将图像添加到 div 的末尾 我想输入插入符号所在的图像
  • 聚合物纸下拉菜单在浏览器中未正确呈现

    我对简单的纸张下拉菜单的渲染 html 遇到问题 列表项并不显示为样式化的 菜单 而只是出现在页面上的项目列表 单击渲染的纸张输入组件 渲染的下拉列表的一部分 确实会为波纹设置动画 但不会为菜单和菜单项的显示 隐藏设置动画 单击列表中的某个
  • 如何使用 Angular 2 实现拖放(v2.0.0-beta.15)

    我想以角度实现一个简单的拖放列表 例如我可以更改其顺序的杂货列表 iv 在使用之前实现它https github com akserg ng2 dnd https github com akserg ng2 dnd但我的问题是我使用角度2
  • 文本区域值高度[重复]

    这个问题在这里已经有答案了 我有一个 textarea 其 css 高度设置为 85px 用户可能会在该文本区域内键入内容行 我想知道文本 值的高度 而不是文本区域本身 有没有办法检查内部文本的高度 包括换行符 我会将文本区域的内容复制到另
  • FPDF - 内嵌粗体文本

    我正在尝试从 PHP 创建 PDF 出于法律原因 我们需要将免责声明的一部分设为粗体 并且需要概述免责声明 我当前的代码使用 if isset POST optout POST optout yes pdf gt Ln 5 pdf gt S
  • 从 firebase 数据库获取最高分值

    在我的网站上有一些我从 firebase 获得的电影 电影的分数在0到100之间 我已经在我的网站上找到了所有电影 我还想按降序显示它们 例如评分最高的 5 部电影 我怎样才能实现这一点 感谢您的回答 const app initializ
  • 从提交的表单中转义字符串中的字符

    每次发布帖子时 我都会得到转义字符 gt gt gt 我有一个多步骤表单 它将数据从一种表单传输到另一种表单 我将这些值与准备好的语句一起保存在数据库中 数据库中的值当前看起来像Paul s House 用户应该可以在字符串中使用单引号和双
  • 如何使链接悬停时的背景图像模糊?

    当您用鼠标光标悬停链接时 我想让我的背景图像模糊 5 像素 有什么简单的方法可以实现这一点吗 我有点纠结于类和 id 在这里 pic background url http www metalinjection net wp content
  • HTML:JavaScript:阻止表单提交并调用 Javascript 函数

    我想在按下表单中的提交按钮时进行 AJAX 调用 事实上我无法删除

随机推荐

  • Fortran 命令行输入规范部分

    我是 Fortran 新手 在尝试通过命令行传递参数时遇到问题 例如我的工作代码有以下几行 experimental parameters real kind 8 parameter rhot 1 2456 density of top f
  • 如何在android中裁剪解析后的图像?

    我正在解析一个网站以显示 URL 中的内容 其中有一些图像 我想裁剪从网站解析的图像 我真的很苦恼 有人可以帮我解决这个问题吗 我假设您已经从网站上 获取 了图像并且想要调整大小而不是裁剪 IE 创建缩略图 如果是这样 您可以使用以下方法
  • gdb 符号不加载

    我尝试使用 gdb 和 gdbserver 远程调试程序 我使用 ssh 登录远程 PC 并运行gdbserver multi 4444在我的本地 我使用命令 arm linux gnueabihf gdb x path init其中的内容
  • 比较两个数据帧并过滤匹配的值

    上一个问题 Pandas 比较两个数据帧并确定匹配的值 我有两个数据框 print a ID Value 0 AA12 101 BB101 CC01 DD06 1 1 AA12 101 BB101 CC01 DD06 2 2 AA11 10
  • 如何在 Swing 中更新 JComboBox 实例?

    我有 3 个组合框 选择第一个组合框后 其余的应该更新 但我的代码似乎不起作用 请大家帮忙 这是我的代码 因为我的代码很长 所以我只写错误部分 example code public class GuiComponents JComboBo
  • 程序的一个实例“发生 JNI 错误”,而另一个实例则不然

    我在一台计算机上用 Eclipse Java Mars 编写了一个大型程序 运行良好 我将该程序导出为可运行的 Jar 文件并运行它没有出现任何问题 即使我将整个项目导出到另一台计算机 该程序仍然可以运行 当我对项目进行微小更改时 另一台计
  • 关于 Rust HashMap 和 String 借用的困惑

    该程序接受一个整数 N 后接 N 行 其中包含两个以空格分隔的字符串 我想将这些行放入HashMap使用第一个字符串作为键 第二个字符串作为值 use std collections HashMap use std io fn main l
  • 从 WordPress 全局搜索结果中排除 woocommerce 产品类别

    我使用此代码从 wordpress 搜索结果中排除某些帖子类别 function SearchFilter query if query gt is search query gt set cat 709 710 614 return qu
  • 我最多可以更改按钮的背景多少次?

    所以 我试图用我传递的颜色和白色之间的颜色来闪烁按钮 在代码崩溃后 它似乎只闪烁了很多次 我尝试过以不同的闪烁速率来实现闪烁 并且它 它有时还会破裂吗 在 a 中 我有类似 Background color rgb 255 0 0 的字符串
  • 如何将emacsclient背景设置为Emacs背景?

    我有 在我的 emacs 中 set background color 101416 set foreground color f6f3e8 我有 2 个绑定 alias ex emacsclient nw alias ec emacscl
  • 转储 Spring 启动配置

    我们的运维人员希望在应用程序启动时将 Spring boot 配置 即所有属性 转储到日志文件中 我认为这可以通过使用注释 ConfigurationProperties 注入属性并打印它们来完成 问题是是否有更好的或内置的机制来实现这一目
  • 创建 Sql Server 身份验证帐户?

    我想创建一个Sql Server身份验证帐户 而不是数据库或帐户中的用户 我的意思是我想创建一个帐户 以便在启动 sql 服务器时使用 SQL 事务或使用 C 从中登录 据我所知 您只能使用两种模式 Windows 或 SQL Server
  • 重写条件以比较 Request_URI 中的顶级目录

    我的网站上有几个客户 每个客户的网站设置基本相似 这些客户帐户的文件夹是出于组织目的而设置的 位于 mydomain com client sampleclient mydomain com client anotherclient etc
  • Echo Return构造方法;

    不起作用 我不明白如果你试图在构造函数上返回值 你为什么要研究 OOP OOP 的重点是拥有执行许多任务的对象 如果您想返回字符串 数组 资源 那么 OOP 不适合您 构造函数用于在对象初始化的前期阶段启动代码 它允许您在用户使用对象之前执
  • Bootstrap、Prototype Js 和 Jquery 的冲突

    经过 7 天的搜索并尝试了不同的解决方案后 但没有成功 我想问 我有一个带有原型 js protaplasm scriptaculous jquery 和 Jquery ui 的页面 它与 jquery 完美配合 没有冲突 直到我最近用 B
  • AttributeError:“系列”对象没有属性“to_numeric”

    我正在尝试按值对数据框进行排序 收到 AttributeError Series 对象没有属性 to numeric 版本 0 20 3 因此数字应该可以工作 但不行 请帮忙 import pandas as pd tables pd re
  • HTML DOM:哪些事件不会冒泡?

    大多数事件在所有浏览器中都会冒泡 但是 我知道在 Internet Explorer 中 提交 事件不会冒泡 还有哪些不冒泡的事件 HTML 框架 对象 load unload scroll 除了文档上的滚动事件必须冒泡到窗口 HTML 表
  • 获取令牌失败`AADSTS700051`

    我刚刚设置了一个Azure Active Directory租户和我有一个使用 oAuth2 的应用程序Implicit流动 我收到以下错误 error AADSTS700051 response type token is not ena
  • JOIN 子查询

    我想在将两列与其中一个表上的 id 连接后 对两个表执行简单的联接 第一步 SELECT cars hhid cars vmid FROM cars 现在我想将此结果与另一个表 表2 进行比较 新结果应该是 table1 汽车 中与 tab
  • HTML5 iFrame 无缝属性

    在 HTML5 中 iframe 具有 无缝 等新属性 可以删除边框和滚动条 我已经尝试过 但似乎不起作用 我仍然可以看到滚动条和边框 我使用 Google Chrome 作为浏览器 这是我的代码 知道为什么它不起作用吗 还有一个问题 是否