2016-11-15 169 views
1

我升级我们的WordPress网站与背景图像,您可以链接上看到:http://www.financnitrgi.com/背景的边缘和IE调整

背景调整大小在Chrome,Opera和Firefox很大,但在IE和先进的IT是另一回事。当网站在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;} 
+0

我不确定我能否重现该问题。该网站在浏览器中看起来相同,我可以看到问题,但所有浏览器中都可以看到同样的问题,并且它们不仅仅在调整大小时才开始。 –

+0

但是,如果您只检查背景图片并将其与各种浏览器(例如Chrome浏览器vs Edge或Internet Explorer)中的行为进行比较,则会有很大差异。在资源管理器中,背景将置于文本之下,而在Chrome中不会。这是我正在看的具体问题。 –

+0

我不明白,对不起。就像我说的,我看到了这些问题,但它们在不同的浏览器中也是同样的问题。你能提供一些你看到的差异截图吗? –

回答

1

你有一些标记错误,不同的浏览器可能纠正/补偿不同....用于IE先去Internet选项>高级选项卡,勾选“始终记录开发者控制台消息“..保存更改。

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

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

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

www.financnitrgi.com(393,2) HTML1514:找到了额外的“< body>”标记。每个文档只能有一个“< body>”标签。 www.financnitrgi.com(396,2)

HTML1509:无与伦比的结束标签。 www.financnitrgi.com(1355,90)

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

也看到验证结果在这里w3c validation

纠正这些错误....当IE的ActiveX筛选被关闭只发生

背景调整问题.... 工具> ActiveX筛选以打开您的IE ActiveX过滤.....这会停止加载Flash(这是MSIE浏览器中的ActiveX控件)...

当IE的AX筛选打开您的网站使用备用img元素,而不是h解决背景问题......结论是闪存对象的大小不正确。使用css的高度和宽度,而不是演示文稿属性...(具体取决于,w3c验证程序将选择此项以提醒您使用css来设置元素大小而不是演示文稿属性)

要调试您的css问题,请使用发现在开发工具的DOM浏览器选项卡,选择承载Flash内容的<object>元素工具....

包括在你浏览的浏览器的NoAddons模式下测试

  1. 测试。
  2. 为IE11 - 启用了ActiveX筛选测试/禁止
  3. 为IE11 - 与跟踪保护测试启用/禁用

只要Flash或脚本的内容是通过ActiveX筛选或跟踪保护,一个蓝色圆圈受阻通过它的一条线将出现在IE地址栏中,双击它以切换当前网站的AX和TP首选项.....如果您有“始终录制开发者控制台消息”,请打开... IE dev工具的控制台将列出被阻止的脚本和activeX内容。