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

问题描述:

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

===

由萤火

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

====

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

background-position: 38px -47px; 

====

现在我有我的本地的CSS文件,我怎么能够从访问元素“liketext”更改数值“-1”为“38” ......

的页面,如果你想检查一下,是下面的链接,...

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

在文章的顶部,你会发现脸书签图标/像重叠旁边的打印图标。

+0

不能用CSS来实现,但有可能用JavaScript。 – usoban

+0

绝对充满拼写错误。请多加小心。已提交修改来修复它们。 –

+0

嗨,大家好,感谢您解决我的拼写错误。这是我的错,因为我实际上很匆忙,只是在我的笔记本电脑上输入了所有东西,我仍然习惯于......放心,我希望这不会被废除......噢对不起*重复.... 开玩笑 :)。再次感谢,并致以最良好的问候。 Fawaz – user966807

我真的不喜欢告诉你,你在这里的工作非常浪费。你不能用CSS来影响外部的iframe - 这就是为什么Facebook这样做,完全控制它们的图标。无论如何,这是一个耻辱,类似的按钮不能正确显示,但你可以(应该)做的只是提交一个错误报告给Facebook!

顺便说一句,尽量把你的拼写护理:这一点,不要tath和拼写使得它真的很难读你的问题;)

+0

嗨, 感谢您的意见。我想你是对的。虽然我找到了下面的链接来解释整个事情,但我相信这可能甚至会引用旧的Facebook Like-box和API。但请给它一个建议,我认为这是值得去尝试一下吗? http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/ 最后的选择是按照你的建议报告错误。我已经看到2个更多的用户抱怨同一个问题。 http://forum.developers.facebook.net/viewtopic.php?id=91225 方面的最佳, 法瓦兹 – user966807

+0

呀遗憾的是,只有指的是你被允许添加自定义CSS的旧样箱文件,但它只适用于像BOX,不适用于类似的按钮,所以它不会对你有任何用处。错误报告是最后的手段:/虽然我会对如何使用javascript解决它感兴趣,但我从来没有听说过这样做。 – Anonymous