html - 跨浏览器css/html

Question

http://jsfiddle.net/stmpr/Ywq8G/3/

小提琴被简化了

如您所见，子菜单在左侧 1px 处，但在我的现代浏览器 ie10、FF、chrome 等中。它显示正确。

但是如果我输入：left:1px，那么在现代浏览器中它看起来会很丑。

我希望它在旧浏览器和现代浏览器中看起来都不错。

code removed as requested

Answer 1

我能想到的最好的方法是使用 CCS 样式表 Fallback，您可以创建特定于浏览器的样式表或样式，例如，如果您想要一个特定于 IE10 以下版本的样式表，您可以使用：

<!--[if (lte IE 10)]>
    <link rel="stylesheet" href="/Content/IEFallback.css" />
    <![endif]-->  

很多人反对使用 Fallbacks，但我发现它在您别无选择的情况下非常方便，有多种浏览器样式特定的“黑客”和浏览器特定样式，例如使用 webkit 等。

希望这有帮助。