使用iFrame时CSS冲突

Question

概述

你好，

我在Wordpress上为我的足球队运营一个网站。 我最近使用了一个软件来为我的足球队的每个成员注册并创建卡片。 由于此注册是在我的网站之外进行的，因此我使用了iFrame进行注册。

但是我发现我网站上的iFrame中的顶部栏/菜单项未正确显示，但是在软件链接上完全没问题。

我通过Chrome浏览器检查了代码，发现有一行CSS将菜单项的显示选项设置为“无” 。 问题是我在Wordpress上找不到CSS，所以我认为这是该软件网站的CSS。

问题

我想念什么？

有没有办法修复CSS？

还是我将iFrame设置错误？

还是与我网站的CSS冲突？

屏幕截图

My Website, not working

Software's website, working

CSS线

编辑

这是iFrame的完整代码：

cy.server({ method: 'GET' });
cy.route('/endpoint1*').as('one')
cy.route('/endpoint2*').as('two')
cy.route('/endpoint3*').as('three')
cy.get('button').contains('Filter').click()
cy.wait(['@one', '@two', '@three'], { timeout: 15000 }).then(xhr => {
  // Do what you want with the xhr object
})