优雅降级的正确方法？答案

【问题标题】：Correct way to degrade gracefully?优雅降级的正确方法？
【发布时间】：2012-12-12 11:20:48
【问题描述】：

我有一个不能在 IE 中运行的 HTML 5 拖放游戏，所以我想基本上只是以图像的形式显示答案。目前我正在使用 CSS 在 IE 中隐藏游戏 div 并显示 div 并使用 display: block; 显示图像并在 Chrome 等浏览器上使用 display: none 隐藏它。

这是一种基于浏览器切换内容的好方法，还是我应该考虑另一种方法？这样做的正确方法是什么？

【问题讨论】：

如果只是拖放，它应该可以在 IE5.5 中工作，因为微软基本上将该功能添加到 Internet（就像他们所做的 innerHTML）。所以你一定做错了什么。发个链接，我可以看看，告诉你为什么它在 IE 中不起作用。
最近我倾向于认为在 IE 中优雅降级的最佳方法就是告诉人们升级他们的浏览器。
您最好向我们展示一个演示并将问题代码包含在您的问题内容中，而不是必须进行自我诊断（如@Kolink 建议的那样）。如果可以，请使用您的代码制作 jsfiddle.net 演示，以便我们查看实际操作。
大家好，我现在已经设法在 IE 上进行拖放操作。我主要想知道是使用 display:none 等和好的方式来降级，即它是否可以接受，因为内容肯定正在加载但只是以这种方式隐藏？
你是如何操纵divs display的？您是否使用 IE 条件来包含 CSS 的额外 sn-p？就目前而言，这似乎太模糊而无法回答。

标签： css html graceful-degradation

【解决方案1】：

IE 中唯一可拖动的元素是 <a> 和 <img> 元素。

有些人只是用<a>标签包装他们的（文本）内容，这些标签无处可去，如Remy Sharp的演示：http://html5demos.com/drag所示。这在 IE9 中运行良好，并且可能在旧版本的 IE 中。

所以处理 IE 的“正确”方法是使用这些元素。

【讨论】：

a 元素必须放在某处才能在 IE 中工作，但可以将其放在 # 某处。请记住取消onclick。