由于一些奇怪的原因,Modernizr脚本不会在IE8浏览器中对特征进行检测,至少我认为它不会。
无论如何,我正在使用CMS,当我创建页面时,我无法在HTML标记中插入“no-js”类 - 但这似乎并不打扰所有其他Web浏览器(包括更新版本的IE )。 Modernizr能够将类注入HTML标记,即使最初没有“no-js”类(感谢上帝)。我在使用“inspect element”的各种浏览器实现时检查并验证了这一点。
我正在使用ModernIE的安装vdi在Virtual Box中测试IE8。
当Modernizr检测到不支持SMIL SVG动画但是IE8似乎没有使用它时,我有一个特定的类。我有一个div,我使用动画SVG文件作为背景图像。 IE8所做的只是显示div的背景颜色而不是特定的Modernizr回退类,它告诉浏览器使用静态PNG文件作为背景图像。也可能是因为我正在使用的背景:封面属性也不受支持(但我假设我仍然会看到png文件但是没有伸出来覆盖div的尺寸。
我将在下面概述我正在使用的CSS:
.jumbotron.handwriting.dark{
background: #CD4833 url('http://qanzac100.slq.qld.gov.au/__data/assets/file/0007/283939/textpattern.svg') no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
/*z-index: 4;*/
}
/* Modernizr fallback for browsers that do not support SVG SMIL animation. Replaces bg image with static png file */
.no-smil .jumbotron.handwriting.dark{
background: url('http://qanzac100.slq.qld.gov.au/__data/assets/image/0004/284017/textpattern.png') no-repeat center center fixed;
background-size:cover;
}
现在我已经查看了Modernizr网站很多次,我没有看到它说不支持IE8的任何地方。是否有一些我在这里显然做错了?它在IE11中工作并切换,因为该浏览器仍然不支持SMIL。
我还没有在IE9中尝试这个,但很快就会这样做。
更新: IE9工作正常,因为它实际上支持SVG对象。我在www.coolwebs.com.au/svgTest/做了一次测试,没有把它放在我们正在使用的CMS中,它似乎工作。不确定是什么导致它,但问题似乎只在IE8中。当检测到SMIL SVG动画的变通方法时,我有现代化的IE11工作。