Html 在边缘和IE中调整背景大小

我正在用背景图片升级我们的wordpress网站，你可以在链接上看到：

在Chrome、Opera和Firefox中，背景尺寸调整得非常好，但在IE和Edge中则是另一回事。当网站加载到IE/Edge时，背景是正常的，但是当调整浏览器窗口的大小时，背景开始在网站文本下移动，这不是它应该做的

有人有过这种问题的经验吗

我用作背景的代码：

div.content{
background: url(http://www.financnitrgi.com/wp-content/uploads/bankakoper.jpg) center;
background-attachment: fixed;
background-size: auto 100%;
background-repeat: no-repeat;}

---

您有一些标记错误，不同的浏览器可能会以不同的方式更正/补偿这些错误。。。。对于IE first go Internet Options>Advanced选项卡，请选中“始终记录开发人员控制台消息”。。保存更改

现在在站点上打开IE。按f12键以显示开发工具，选择Console选项卡，它应显示以下错误/警告

HTML1300:发生导航。 www.financnitrgi.com

JQMIGRATE:已安装迁移，版本1.4.1 HTML1512:不匹配的结束标记

www.financnitrgi.com（393,2） HTML1514:找到额外的“”标记。每个文档只应存在一个“”标记。 www.financnitrgi.com（396,2）

HTML1509:不匹配的结束标记。 www.financnitrgi.com（1355,90）

HTML1523:重叠结束标记。 www.financnitrgi.com（1798,75）

请参见此处的验证器结果

更正这些错误

只有当IE的ActiveX过滤关闭时，才会出现背景大小调整问题。。。。 工具>ActiveX筛选以打开IE ActiveX筛选。。。。。这将阻止flash（MSIE浏览器中的ActiveX控件）加载

当IE的AX过滤在你的网站上打开时，你会使用回退的img元素，这些元素没有背景问题…结论是flash对象的大小不正确。使用css高度和宽度而不是表示属性。。。（根据具体情况，w3c验证器将拾取此信息，以提醒您使用css调整元素大小，而不是表示属性）

要调试css问题，请使用开发工具的DOM Explorer选项卡中的查找工具选择承载flash内容的

元素

包括在你的浏览测试中

在浏览器的NoAddons模式下进行测试

对于IE11-在启用/禁用ActiveX筛选和

对于IE11-启用/禁用跟踪保护的测试

---

每当flash或脚本内容被ActiveX过滤或跟踪保护阻止时，IE地址栏中将出现一个蓝色圆圈，其中有一条线穿过该圆圈，双击该圆圈可切换当前网站的AX和TP首选项。。。。。如果您有“始终记录开发人员控制台消息”打开。。。IE开发工具的控制台将列出被阻止的脚本和activeX内容。

我不确定是否可以重现该问题。在不同浏览器中，网站看起来都一样，我可以看到问题，但在所有浏览器中都可以看到同样的问题，而且这些问题不仅仅是从调整大小开始的。但是如果你只检查背景图像，并将其与不同浏览器（即Chrome vs Edge或Internet Explorer）中的行为进行比较，就会发现很大的差异。在浏览器中，背景位于文本下方，而在Chrome中则不在文本下方。这是我正在研究的具体问题。对不起，我看不到。正如我所说，我看到了问题，但在不同的浏览器中它们是相同的问题。你能把你看到的不同之处截图出来吗？