关键词：
【中文标题】使用 CSS 定位单个 iframe【英文标题】：Targeting an individual iframe with CSS 【发布时间】：2016-08-17 22:59:19 【问题描述】：在我的 tumblr 博客上：http://ukgraffiti.tumblr.com/ 我用过：
iframe opacity:0
iframe:hover opacity:1
隐藏 tumblr 控制按钮（关注、仪表板），以便它们仅在用户将鼠标悬停在它们上方时显示。
不幸的是，其他元素也会以同样的方式受到影响。例如，如果我在我的博客上发布一首歌曲，小播放器小部件会以同样的方式隐藏。此外，可以打开帖子以获取答案，这会导致帖子下方的小答案表格。这也受 ifra 不透明度设置的影响。
是否可以仅针对具有不透明度规则的 tumblr 按钮？
提前致谢。
【问题讨论】：
【参考方案1】：将一个类添加到您想要具有不透明度规则的所有 iframe，然后使用您的 CSS 定位该类。
例如。 HTML：
<iframe class="className"></iframe>
例如。 CSS：
iframe.className opacity:0
iframe.className:hover opacity:1
【讨论】：
感谢您的快速回答。我不擅长编码，所以你能澄清一下这门课的去向吗？我只想定位右上角的 tumblr 按钮，但我不确定我需要把那个类名放在哪里。它可以放在我的 html 中的任何位置，还是必须围绕按钮环绕 html？问题是，我不知道 html 的哪个部分控制按钮。 我不确定我能不能。我已经搜索了“iframe”的整个代码，它唯一找到的是我添加的不透明度的 CSS 代码。我认为这些东西是由 tumblr 控制的，但我想因为我能够用 CSS 定位它们，所以我可以单独定位它们。 我在网上搜索答案时发现了这个。不确定它是否是你需要的。code
抱歉，除非您可以编辑页面的 HTML 和 CSS，否则您无法执行此操作。
我可以编辑页面的 HTML 和 CSS，但 iframe 的代码不是其中的一部分。也许这就是问题所在，但我想因为我可以用 CSS 隐藏 iframe 元素，所以我可以单独定位每个元素。也许不吧。无论如何，非常感谢您的帮助。【参考方案2】：
以防万一其他 tumblr 用户感兴趣，答案是：
.tmblr-iframe:nth-of-type(1) opacity:0;
.tmblr-iframe:hover opacity:1 !important;
感谢所有试图帮助我的人。
【讨论】：
003seleniumiframe/等待(代码片段)
...29功能：iframe/等待目录:一:登录禅道二:iframe1单个iframe-name定位9多个iframe-索引定位3跳转iframe三:等到时1隐式等待2显示等待3sleep‘‘‘ 一:登录禅道二:iframe 1单个iframe-name定位 2多个iframe-索引定位 3跳转iframe三:等到... 查看详情
如何针对不同的 AutoComplete 的 ui-autocomplete 定位单个 CSS
...在一个页面上有多个自动完成功能。当我对所有文本字段使用jQueryUIAutoComplete时，它会添加表单的动态选择列表<uli 查看详情
iframe中定位失效问题
原来的网页中使用的固定定位，绝对定位，一使用iframe框架，里面的定位效果完全失效，求解！参考技术A固定定位好像是相对浏览器的，我也出现过这个问题，需要固定的那块写在iframe外面就行了 查看详情
如何使用 Ajax 将表单定位到 iframe？
】如何使用Ajax将表单定位到iframe？【英文标题】：HowtotargetformtoiframewithAjax?【发布时间】：2015-09-0712:20:06【问题描述】：我还是jQuery的新手，所以我无法自己弄清楚所有内容。我有简单的form用于上传图像，progressbar的jQuery插件，... 查看详情
我可以使用单个选择器定位所有 <H> 标记吗？
】我可以使用单个选择器定位所有<H>标记吗？【英文标题】：CanItargetall<H>tagswithasingleselector?【发布时间】：2011-11-2405:52:25【问题描述】：我想定位页面上的所有h标记。我知道你可以这样做......h1,h2,h3,h4,h5,h6font:32px/42pxtra... 查看详情
IE 上固定定位的 iframe 的问题
】IE上固定定位的iframe的问题【英文标题】：IssuewithfixedpositionedIframeonIE【发布时间】：2013-02-2013:52:30【问题描述】：我有一个这样的iframe：（这个框架一直出现在屏幕左侧）<iframesrc="frame/index.html"class="left"></iframe>和CSS.le... 查看详情
使用量角器切换到 iframe 后找不到使用定位器错误的元素
】使用量角器切换到iframe后找不到使用定位器错误的元素【英文标题】：Noelementfoundusinglocatorerrorafterswitchingtoiframeusingprotractor【发布时间】：2021-03-0203:51:56【问题描述】：我一直在尝试使用protractorselenium从网页下载嵌入式PDF。我... 查看详情
selenium基本使用表单切换
在测试过程中，经常会碰到frame和iframe，嵌套等情况这种情况下直接通过id,name等等是无法定位到的好在selenium替我们想到了这个问题switch_to方法解决问题switch_to先定位iframe，根据iframe的id或name进行定位；那么，iframe没有id或name怎... 查看详情
xpath定位动态iframe(代码片段)
使用xpath定位driver.switch_to.frame(driver.find_element_by_xpath("//iframe[starts-with(@id,‘x-URS-iframe‘)]")) 查看详情
如何使用 Yarn 定位单个工作区？
】如何使用Yarn定位单个工作区？【英文标题】：HowtotargetasingleworkspacewithYarn?【发布时间】：2019-11-1016:34:25【问题描述】：我有这样设置的工作区"private":true,"workspaces":"packages":["packages/*"],"nohoist":["**/firebase-admin","**/firebase-admin/**","*... 查看详情
python+playwright学习-4.操作iframe(代码片段)
...麻烦。在playwright中，让其变得非常简单，我们在使用中无需切换iframe，直接定位元素即可。iframe定位可以使用page.frame_locator()或locator.frame_locator()方法创建FrameLocator捕获足该iframe中检索和定位元素。使用示例一：lo... 查看详情
selenium2学习--iframe定位
...http://mail.163.com/登录页面10为案例，详细介绍switch_to_frame使用方法. 一、frame和iframe区别 Frame与Iframe两者可以实现的功能基本相同，不过If 查看详情
使用单个麦克风进行声音定位 [关闭]
】使用单个麦克风进行声音定位[关闭]【英文标题】：SoundLocalizationwithasinglemicrophone[closed]【发布时间】：2020-02-2617:20:54【问题描述】：我正在尝试使用iPhone上的麦克风确定音频信号的方向。有没有办法做到这一点？据我阅读和尝... 查看详情
iframe嵌套(代码片段)
iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。<iframesrc="demo_iframe_sandbox.htm"></iframe>但是，有追求的我们，并不是想要这么low的iframe.我们来看看在iframe中还可以设置些什么属性iframe常用属... 查看详情
如何在 R 中定位使用 kNN 错误分类的单个样本？
】如何在R中定位使用kNN错误分类的单个样本？【英文标题】：HowtolocateindividualsamplesthathavebeenmisclassifiedusingkNN,inR?【发布时间】：2021-02-0502:58:15【问题描述】：使用R中的Iris数据集，我正在使用kNN进行分类。我有兴趣找到使用测试... 查看详情
在 iFrame 中将 FIXED 定位到 Mainframe
...“按钮框”。此按钮框应基于主框架的位置。我目前正在使用执行此操作的Javascript方法。但是，这意味着滚动时会有相当长的延迟。你有解决这个问题的办法吗？谢谢！如果你进入页面滚动后 查看详情
iframe页面中的定位
<iframesrc="http://www.163.com"width="300"height="250"frameborder="0"scrolling="no"></iframe>这个直接放进页面中是在左侧的我想用css移动这个框架的位置比如说在页面右下边怎么去弄？参考技术A<ifram... 查看详情
使用数据属性更改 iframe 内元素的 CSS
】使用数据属性更改iframe内元素的CSS【英文标题】：ChangingCSSofelementinsideaniframeusingdataattribute【发布时间】：2021-06-1812:14:52【问题描述】：我的HTML文档中有一个iframe。此iframe具有数据属性“data-search-id”，即“mainline-top”。如何... 查看详情