面向未来的 LTE Opera 10 的 CSS hack答案

【问题标题】：Future proof CSS hack for LTE Opera 10面向未来的 LTE Opera 10 的 CSS hack
【发布时间】：2011-01-15 15:46:10
【问题描述】：

我目前正在使用@media screen and (-webkit-min-device-pixel-ratio:0) 来定位 Webkit 浏览器 + Opera 9.2。

是否有安全*的方法来定位 Opera GTE 9.5 或 LTE 10？

_{* 不会被其他浏览器接收到}

【问题讨论】：

也许你能解释一下真正的问题是什么（即你试图解决的问题）？黑客很丑陋，根据我的经验，很少有必要。
只是试图为表单获得相同的视觉渲染 // 这非常具有挑战性（例如图例元素） // 放错位置的标签和输入 // 我的目标是 9.5-10
你能举一个更具体的渲染差异的例子吗？
顺便说一句，它已在 op 10.5 中修复 // 输入和图例的负边距顶部 - 但我不能将其专门提供给 op 9.5-10

标签： css opera css-hack

【解决方案1】：

* targets Opera 9 & below (and perhaps future versions) - valid HTML & invalid XHTML */

#dis[disabled="true"]+p {}

来源：http://perishablepress.com/press/2006/08/27/css-hack-dumpster/

【讨论】：

我试过了，但它不起作用（可能仅限于输入）
v9.2 工作 v10 不工作（这就是 id 喜欢的目标）

【解决方案2】：

这很难，但就是这样。仅适用于 Opera gte 9.5 和 lt 10.50：

@media all and (resolution = 0dpi) { // exclude Opera 10.50 and higher
  :root #box { // you need to append :root to all selectors to exclude Opera lt 9.5
    background: #f00;
  }
}

【讨论】：

是的，它只针对 Opera。 FF 无视。试试吧。
关键是“0dpi”，它似乎是“支持”的，但所有 Opera 版本
你没有正确地找出罪魁祸首（它与w3.org/TR/css3-mediaqueries/#error-handling有关）//如果没有人提供更好和有效的解决方案//你可以使用(1)