Question

我正在使用背景图片升级我们的wordpress网站，您可以在链接上看到：http://www.financnitrgi.com/

背景调整大小适用于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;}

Answer 1

你有一些标记错误，不同的浏览器可以纠正/补偿不同....对于IE首先去Internet选项＆gt;高级选项卡，选中“始终记录开发人员控制台消息”..保存更改。

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

HTML1300：导航已发生。 www.financnitrgi.com

JQMIGRATE：已安装Migrate，版本1.4.1 HTML1512：无与伦比的结束标记。

www.financnitrgi.com（393,2） HTML1514：额外的“＆lt; body＆gt;”找到标签。只有一个“＆lt; body＆gt;”每个文档都应该存在标记。 www.financnitrgi.com（396,2）

HTML1509：无与伦比的结束标记。 www.financnitrgi.com（1355,90）

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

另请参阅此处的验证程序结果w3c validation

纠正这些错误......

仅在IE的ActiveX过滤关闭时才会出现背景调整大小问题.... 工具＆gt; ActiveX过滤打开你的IE ActiveX过滤......这会阻止flash（这是MSIE浏览器中的ActiveX控件）加载......

当IE的AX过滤打开时，您的网站使用了回退img元素，这些元素没有背景问题......结论是flash对象的大小不正确。使用css的高度和宽度而不是表示属性...（取决于，w3c验证器将选择此选项以提醒您使用css来调整元素的大小而不是表示属性）

要调试css问题，请使用开发工具的DOM Explorer选项卡中的find工具选择承载Flash内容的<object>元素....

加入您的浏览测试

在浏览器的NoAddons模式下测试。
for IE11 - 启用/禁用ActiveX过滤和
for IE11 - 启用/禁用跟踪保护的测试

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

在Edge和IE中调整背景大小

1 个答案: