当我在iframe中添加一些css时，iframe位置:已修复不起作用
当在iframe中添加一些CSS时，如果发现CSS样式不起作用，可能是由于以下原因导致的：
- 同源策略限制：浏览器的同源策略限制了在iframe中加载的内容对父页面的访问。如果iframe中的内容与父页面不属于同一个域名、协议或端口，那么CSS样式可能无法生效。解决方法是确保iframe中的内容与父页面同源。
- CSS选择器权重问题：可能是由于CSS选择器的权重问题导致样式不起作用。请检查CSS选择器的权重，确保所添加的CSS样式具有足够的权重来覆盖其他样式。
- CSS样式冲突：可能是由于其他CSS样式与所添加的样式发生冲突，导致样式不起作用。请检查其他CSS样式，并确保它们不会覆盖所添加的样式。
- CSS样式未正确引入：请确保所添加的CSS样式文件已正确引入到iframe中。可以通过检查网络请求或使用开发者工具来确认CSS文件是否成功加载。
- CSS样式属性不支持：某些CSS样式属性可能不被iframe支持，导致样式不起作用。请参考相关文档或规范，确认所使用的CSS属性是否适用于iframe。
针对以上问题，可以尝试以下解决方案：
- 确保iframe中的内容与父页面同源，或者使用跨域解决方案，如跨域资源共享（CORS）。
- 检查CSS选择器的权重，可以使用更具体的选择器或者提高选择器的权重来确保样式生效。
- 检查其他CSS样式，避免冲突或者使用更具体的选择器来覆盖冲突样式。
- 确认CSS样式文件正确引入到iframe中，可以通过检查网络请求或使用开发者工具来确认。
- 避免使用不被iframe支持的CSS样式属性，可以参考相关文档或规范来确认支持的属性列表。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云COS（对象存储）：https://cloud.tencent.com/product/cos
- 腾讯云VPC（虚拟私有云）：https://cloud.tencent.com/product/vpc
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动推送：https://cloud.tencent.com/product/tpns
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云视频处理服务：https://cloud.tencent.com/product/vod
- 腾讯云直播服务：https://cloud.tencent.com/product/css
- 腾讯云音视频通话：https://cloud.tencent.com/product/trtc
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
相关·内容
我想实现iframe，但它不能运行下面的代码： <html>
<style> background: green; </style> <p>Hello</p>
<iframe src="xxxxxxxxxxxxxxxxxxxx.html" position="fixed" righ
浏览 34提问于2020-06-18得票数 1
回答已采纳
我有一个iframe编辑:如何使用javascript使iframe实时获取鼠标坐标？
浏览 1提问于2013-02-03得票数 1
回答已采纳
我遇到了一个问题，Fancybox在模式窗口一打开就将底层页面滚动到它的顶部。当它关闭时，它也不会返回到用户所在的位置。它迫使用户不得不向下滚动页面到他们离开的地方。
有什么见解吗？
浏览 8提问于2013-09-18得票数 0
我试图从iFrame中删除的CSS (phpbb中的colours.css) color: #536482;为了更容易地处理span区域，还将它封装在一个名为#评论员的div中。这里也是iframe加载的，虽然我认为这是不相关的，但人们经常要求任何与代码相关的内容。CSS类。<script type=&quo
浏览 1提问于2018-01-24得票数 0
回答已采纳
我目前正在iOS中开发一个混合应用程序，它可以加载网站并具有其他一些功能(联系人、共享、通知.)使用cordova插件。我确实可以访问由iframe显示的站点的内容。通常的方法是在iframe中加载网站。我已经在android上做过这件事了，而且效果很好。然而，在iOS中：
Safari弄乱了框架的大小。我”修复“了这个问题(所以我想)，我使用了唯一的解决方案，即将iframe包装在div中并滚
浏览 0提问于2018-01-17得票数 0
回答已采纳
我使用javascript将iframe动态添加到html文档中。= document.querySelector('#section-to-print').innerHTML; 当我使用link标签将css从same domain添加到iframe head时，样式没有加载"; /**** your CSS file ****/
link.rel = "style
浏览 39提问于2021-10-04得票数 1
回答已采纳
3回答
如何在iframe周围创建边框？
、、、、
我试图在wordpress上的一些内容中添加一个边框，因为我不知道如何添加css文件，所以我试图用html (或者至少我认为是html)做所有的事情。我的编程知识留给了我的高中时代。这就是我想要创建1或2像素的简单黑色边框的内容：
<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px;"
浏览 0提问于2018-02-11得票数 6
回答已采纳
这里有个错误：
我刚刚遇到了这个问题，我的屏幕在chrome上出现了条纹，但在firefox或IE上却没有。有谁在mac上看过这个吗？
浏览 0提问于2012-08-19得票数 6
有没有可能让自动补全(jQueryUI)的建议得到一个iframe，具有与"select“元素相同的行为？我举了一个例子：
浏览 2提问于2012-10-28得票数 3
我有一个输入域，当被聚焦时，它会触发一个jQuery函数来隐藏iframe中的一些内容，这很好用。但是，如果在输入字段仍然处于焦点位置时重新加载/刷新iframe内容，则不会再次触发jQuery函数。如果输入在重新加载iframe内容后仍然处于焦点位置，是否可以重新运行下面的jQuery？$('#_customize-input-checkin\\[message\\]').focus(
浏览 2提问于2018-11-26得票数 0
1回答
我正尝试在jquery中移动鼠标悬停时的iframe。通过捕获iframe中的鼠标位置，我在这方面取得了一些成功，但移动时的闪烁是极端的。
是一个jsfiddle示例。据我所知，闪烁的原因是每次iframe移动时，iframe内部的x位置都会向相反的方向跳转，但我找不到修复它的方法。
浏览 3提问于2012-10-15得票数 0
回答已采纳
8回答
如何隐藏iframe，但仍然加载它？等。播放了一首youtube歌曲。这将隐藏iframe，但是它似乎不会加载iframe。(未播放歌曲。)
谢谢
浏览 1提问于2014-08-22得票数 38
4回答
我正在尝试制作一个嵌入到iframe中的html页面。
但即使我设置了所有的边框、页边距和填充。视频只有560x315px。当我将iframe设置为相同大小时，它会显示滚动条。
浏览 0提问于2013-02-14得票数 0
回答已采纳
1回答
但是，当打印视图打开时，图表(在iframe中)被剪切。我尝试了一些解决方案，但对我来说都不起作用。window.print();" class="tooltips mr15" title="Print Report"></a>
Iframe="0&q
浏览 58提问于2017-01-11得票数 0
我已经创建了一个SharePoint 2013站点，其中有几个iframe。当我在移动设备上打开网站时(已经在iPad和Android手机上测试过了)，我可以看到iframe，当我试图在iframe内触摸来滚动整个页面时，它不会滚动。我试着把这个添加到我的CSS中：到iframe</e
浏览 0提问于2014-06-02得票数 1
这是在同一个url中运行良好的代码： z-index:1; left:0px;
<iframe src="h
浏览 2提问于2015-02-21得票数 2
回答已采纳
2回答
我想知道嵌入的iframe的位置，以便相对定位父DOM中的某些元素。我试过了。var iframe_posy = $('iframe').css('top');
<iframe src="game</iframe
浏览 4提问于2011-10-09得票数 0
回答已采纳
2回答
我的页面上有一个iframe容器，当我点击一个按钮时，它会加载一个地图。由于某种原因，当地图加载时，会导致周围的物体变得模糊。示例：
我尝试将-webkit-font-smoothing: subpixel-antialiased;添加到CSS和transform: scale(1.0) translate3d(0,0,0);中的各种东西中，这只会使对象永久模糊。我怎样才能阻止iframe把我的页面搞砸。
浏览 1提问于2019-02-10得票数 1
回答已采纳
它就像是在我的div之后跳出并向左对齐。我搞不懂发生了什么事。“如果”我把这个广告标签直接包含在DIV中的页面中，它就会居中。但我需要在它请求广告之前动态地传递一些数据，所以我必须动态地创建它，但这就是问题所在。它会显示，只是在目标DIV之外左对齐。所以，我得到了一个带有src的js标签，src生成了一个写出iframe的document.write。
浏览 1提问于2011-11-19得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
