如何防止'file_get_contents'破坏我父页面上的CSS样式

时间:2014-09-12 16:44:48

标签: php jquery css ajax file-get-contents

概要

当我使用' file_get_contents'要在我的网页中显示第三方网页,我经常发现第三方网页上的CSS会对我的网页风格产生不利影响。

如何保护我的样式免受第三方网页的CSS的影响?

DETAIL:

我想要发生的事情:

  • 用户访问[www.mypage.com],其中包含我需要的横幅内容 显示,以及一个URL文本框
  • 用户输入" www.3rdparty.com"在文本框中按“提交”
  • 第三方页面显示在[www.mypage.com]内的横幅内容(需要留下)

我的方法:

  • 提交'按钮发出ajax请求 - 文件[myphpfile.php]
  • [myphpfile.php]文件使用' file_get_contents'抓住[www.3rdparty.com]网页
  • ajax登陆[www.mypage.com]
  • 内的[www.3rdparty.com]网页
  • 我可以让所有这些工作得很好(功能上)

问题:

完成上述操作后,某些[www.3rdparty.com]网页会更改我的横幅内容的CSS(可能是因为这些内容是在[www.mypage.com]网页的CSS之后加载的)。

如何保护[www.mypage.com]页面中的样式,使横幅内容不受影响?

我尝试了各种方法(例如,在[www.mypage.com]中使用具有特定名称/ ID的DIV封装ajax'着陆区域 - 也尝试使用唯一名称命名我的BODY) 。这些都没有解决问题。

感谢您提供的任何帮助!

编辑 - 一旦Ajax加载完成,我就无法使用iframe我使用JQuery允许用户将鼠标悬停在[www.3rdparty.com]内的元素上

0 个答案:

没有答案