火狐，ie8兼容问题

来源：互联网发布：linux vim 退出命令编辑：程序博客网时间：2024/06/06 08:58

做开发大家都知道火狐和ie的内核是不一样的。但是我们又要调整我们所开发的项目要在客户要求的浏览器上显示我们的项目。在做兼容的过程中我们会遇到很多问题。需要我们慢慢捉摸，去网上查找各说纷纭。则你们说的都有，但都不能根本解决兼容问题。我是一个刚从学校走出来的实习学生。应聘的java开发工程师。但是由于公司人少，技术人员少。所有在我写完后端后，经理果断的把前端页面的美化，以及调整兼容问题，交给了我，我在学校的时候就听我们班的大牛们说，兼容害死人，但是我还是遇到了这个问题，当我问大牛们时，大牛们都说没有做过不知道，只知道兼容这个东西害死人，没办法，只能靠自己来解决了。在我做兼容的时候遇到的问题。

1.在ie8下，div里包含iframe，iframe页面会覆盖div页面。使得效果与我想要的效果差异很大。

效果图：

ie8：

火狐：

解决办法：

在iframe标签中添加allowtransparency=“true”这个属性，并在iframe的引的页面中添加BACKGROUND:transparent这个属性，就可以了。

<div style="background-image:url('/drvtService/images/caofeidian/index/beijing6.png');background-repeat: no-repeat;margin-left: 150px;background-color: #0C47AA;z-index:1px;"><iframe width="830px" height="455px" id="neirong"src="/drvtService/findsUserManager.action" frameBorder="0" marginWidth="0" marginHeight="0" scrolling="no" <span style="color:#ff0000;">allowtransparency="true"</span>></iframe></div>

所引的页面中添加：