相关疑难解决方法(0)

如何将CSS应用于iframe?

我有一个简单的页面,有一些iframe部分(显示RSS链接).如何将主页面中的相同CSS格式应用于iframe中显示的页面?

html css iframe

976
推荐指数
17
解决办法
112万
查看次数

覆盖iframe中内容的正文样式

如何控制一个体内元素的背景图像和颜色iframe?注意,嵌入的body元素有一个类,而且iframe是一个页面,它是我站点的一部分.

我需要这个的原因是我的网站有一个黑色背景分配给身体,然后白色背景分配给包含文本的div.WYSIWYG编辑器iframe在编辑时使用嵌入内容,但它不包含div,因此文本很难阅读.

iframe编辑器中的when 的主体有一个在其他任何地方都没有使用的类,所以我假设这个被放在那里,所以这样的问题可以解决.但是,当我应用样式时,class.body它们不会覆盖应用于body的样式.奇怪的是,样式确实出现在Firebug中,所以我不知道发生了什么!

谢谢

更新 - 我已经尝试了@ mikeq的解决方案,即将类型添加到正文类的类中.这在添加到主页的样式表时不起作用,但在使用Firebug添加时它确实有效.我假设这是因为Firebug应用于页面上的所有元素,而CSS不应用于iframe中.这是否意味着在使用JavaScript加载窗口后添加css会起作用?

css iframe styles overriding

148
推荐指数
6
解决办法
43万
查看次数

使用一个css文件更改iframe中的正文背景颜色

使用iframe从我的网站空间调用网站,使用一个css文件body {background-color: #222}.

iframe src也使用这个CSS文件.问题是iframe中的主体需要另一种背景颜色.

试着

iframe>body { background-color: #other }
Run Code Online (Sandbox Code Playgroud)

有什么想法或建议吗?

html css iframe

5
推荐指数
2
解决办法
4万
查看次数

编辑 iframe 中元素的 css

我在我的网站上使用了一些免费的 instagram 提要 iframe 代码,并想在移动设备上编辑图片的大小……目前在桌面上,提要是 2 行 5 张图片。在移动设备上,我想将图片的大小增加到 50% 的宽度,这样它的 5 行 2 张图片。我打开控制台,看起来它的 li.in-tile 需要宽度:50%;但是,当您查看该元素的 css 时,它是 .lightwidget.in-grid.in-grid-5 li,宽度为 20%,但我需要它为 50%。

如果有帮助,我正在使用weebly来构建网站,是的,我正在插入

.lightwidget.in-grid.in-grid-5 li{
width:50% !important;
}
Run Code Online (Sandbox Code Playgroud)

移动“最大宽度 480 像素”的媒体查询。

这是我用来调用提要的嵌入代码。

<!-- LightWidget WIDGET --><script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/3c1052429c9753bfa460e4a0636864a3.html" id="lightwidget_3c1052429c" name="lightwidget_3c1052429c"  scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe>
Run Code Online (Sandbox Code Playgroud)

显然,当网页呈现 iframe 时,它​​正在调用托管在某处的 html 文档……我需要知道是否有办法更改该 css。

希望我解释得很好。

谢谢。

html css iframe weebly

5
推荐指数
1
解决办法
5万
查看次数

iFrame - 如何过滤掉网页的顶部?

如何过滤iFrame中出现的信息?

目前我的iframe atm中出现的是什么;

http://i.stack.imgur.com/tBvAS.jpg

但我想过滤它;

http://i.stack.imgur.com/dqpUB.jpg

html css iframe positioning

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×5

iframe ×5

html ×4

overriding ×1

positioning ×1

styles ×1

weebly ×1