如何最好地显示浏览器不支持HTML5 <range>元素的消息?</range>

时间:2015-01-18 23:33:44

标签: html5

IE 9中不支持的元素在IE8中显示为默认文本字段。对于我的应用程序,它也有预期的文本字段以及其他用户控件,这比显示任何内容或显示“小红色X图标”更糟糕,因为用户最多会感到困惑!

一些'非文本'HTML5元素,例如和,与结束标记配对,允许标记之间的文本向浏览器不支持这些元素的用户显示消息。 (我想知道为什么没有这个功能/形式。)

有一种简单的方法来解决这个问题吗? (我使用了形式为“if(navigator.userAgent.indexOf(&#34; MSIE&#34;)!= - 1)......”之前的条件“以前解决不同的浏览器间问题,但这不是指定IE版本,我对这种检测方法非常模糊。)

(问候StackOverflowers - 这里的第一次海报。背景:在学习了一点HTML / CSS之后,短时间内自学了JavaScript喜欢鹊,并且多年来对其他语言只有很少的经验。)

1 个答案:

答案 0 :(得分:1)

您在这里遇到的问题已经以更一般的方式解决了:

有些库可以帮助您进行功能检测,并在支持它们的浏览器上使用更现代的版本替换元素。

查看http://modernizr.com/

可用作旧浏览器中新功能的替代品的Javascript-Snippets称为 poly-fill 。您正在寻找的是范围元素的多边形填充,例如这样:

https://github.com/freqdec/fd-slider