在 Edge 和 IE 中调整背景大小

问题描述 投票：0回答：1

我正在使用背景图像升级我们的 WordPress 网站，您可以在链接中看到该图像：http://www.financnirgi.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;}
html css wordpress internet-explorer microsoft-edge
1个回答
1
投票

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

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

HTML1300：发生导航。 www.financnirgi.com

JQMIGRATE：Migrate 已安装，版本 1.4.1 HTML1512：不匹配的结束标记。

www.financnirgi.com (393,2) HTML1514：发现额外的“”标签。每个文档只能存在一个“”标签。 www.financnirgi.com (396,2)

HTML1509：不匹配的结束标记。 www.financnirgi.com (1355,90)

HTML1523：重叠的结束标记。 www.financnirgi.com (1798,75)

另请参阅此处的验证器结果 w3c 验证

纠正这些错误....

背景调整大小问题仅在 IE 的 ActiveX 过滤关闭时才会发生...... 工具>ActiveX 过滤以打开您的 IE ActiveX 过滤...这会阻止加载 Flash（MSIE 浏览器中的 ActiveX 控件）...

当 IE 的 AX 过滤打开时，您的网站使用后备 img 元素，不存在背景问题...结论是 Flash 对象的大小不正确。使用 css 高度和宽度而不是表示属性...（根据情况，w3c 验证器会选择此选项来提醒您使用 css 来调整元素大小而不是表示属性）

要调试 CSS 问题，请使用开发工具的 DOM Explorer 选项卡中的查找工具来选择托管 Flash 内容的 

<object>
元素....

包含在您的浏览测试中

  1. 在浏览器的 NoAddons 模式下测试。
  2. 对于 IE11 - 启用/禁用 ActiveX 过滤进行测试以及
  3. 对于 IE11 - 启用/禁用跟踪保护进行测试

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

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.