如何访问通过页面上的iframe加载的CSS类

时间:2011-09-27 10:41:43

标签: css facebook iframe html facebook-iframe

我刚刚在Facebook上添加了一个“赞”按钮。该网站是阿拉伯语,我已经在FB代码中添加了必要的阿拉伯语本地语言。现在问题是图标显示略有不同,我可以看到可以通过CSS控制。 FB代码加载一个iframe,其中有一个SPAN,它有一个控制Facebook(蓝色'f'图标)位置的类,它在文本上重叠。当我尝试使用FireBug并重新定位它时,它很好。我的问题是如何编写一个CSS代码,我可以从我的本地CSS文件中更改iframe加载的CSS的值?代码如下:

===正在加载的iFrame上的代码===

<div class="connect_button_slider">
<div class="connect_button_container">
<a class="connect_widget_like_button clearfix like_button_no_like">
<div class="tombstone_cross"></div>
<span class="liketext">أعجبني</span>
</a>
</div>

===

FireBug加载的CSS

.button_count .like_button_dark .like_button_no_like .liketext, .button_count .connect_widget_like_button .liketext {
    background-position: -1px -47px;
}

====

我需要更改“class”=“liketext”。 我想更改“background-position:-1px -47px;”的值从那以后:

background-position: 38px -47px;

====

现在我有了我的本地CSS文件,我将如何能够访问该元素“liketext”并将值从“-1”更改为“38”......

如果您想查看该页面,请访问以下链接...

网址:http://www.majalla.com/arb/2011/09/article55227042

在文章的顶部,您会发现facebook图标/喜欢重叠在打印图标旁边。

1 个答案:

答案 0 :(得分:1)

我真的不喜欢告诉你,你在这里的工作几乎浪费了。你不能用css影响外部iframe - 这就是为什么Facebook这样做,完全控制他们的图标。无论如何,如果没有正确显示类似按钮,这是一种遗憾,但你可以(而且应该)做的就是向facebook提交错误报告!

顺便说一句,试着照顾你的拼写:就是这样,不是tath而且拼写让你很难阅读你的问题;)