加载外部页面,但使用本地CSS

时间:2014-09-23 13:00:50

标签: css

标题说明了一切!

我正在尝试加载一些外部内容(HTML / JS / etc),但使用本地css定义来设置它。 我知道使用iframe这是不可能的。所以我尝试将外部页面加载到div中。

我尝试了以下两种方法:

<div> 
<object type="text/html" data="http://myexternalsite.com" width="800px" height="600px" style="overflow:auto;border:5px ridge blue">
</object>
</div>

<script>
    $("#siteloader")
        .html('<object data="http://myexternalsite.com"/>');
</script>

我仍然无法使用本地css为外部负载元素执行样式设置。 当我对外部内容执行“检查元素”时,它表明该元素没有拾取任何本地css声明。

我也试过通过使用jquery来显示/隐藏它们来影响外部元素。如:     $( “#idinexternalpage”)隐藏();

但是使用jquery似乎也不起作用。

任何想法?

是的,你是对的我正在尝试加载外部内容,但使用CSS / JQuery /两者在本地设置样式。

1 个答案:

答案 0 :(得分:0)

我建议您使用user style吗?安装Stylish扩展程序(Firefox和Chrome),然后您可以修改特定网站/页面的样式。