javascript检测浏览器并使用特定的样式表

Question

网页中有一个元素我绝对必须位于页面上的精确位置，而且 Chrome 和 FF 之间似乎有 14 像素的高度差，这不允许我统一放置图形两者之间。我在 IE9 和 IE8 上使用了条件语句，但现在 Chrome 和 FF 存在问题。

不幸的是，我无权访问该站点的主要标题部分或主要全局 CSS，并且边距上没有全局重置为 0。即使我有可能这样做，也有太多的黑客攻击和修复，进行全局重置会适得其反。

所以在弄乱了这个对象的音乐椅之后，我认为我的最终解决方案(尽管只为一个图形做的不是很优雅)是为这个图像的顶部边距写一个样式表(实际上是一个 div图像背景)，并让 javascript 检测浏览器并相应地提供样式表(即 - 如果是 FF 则呈现此 CSS，或者如果是 Chrome 则呈现此 CSS)。

很遗憾，我无法显示该页面，但我的元素 CSS 是:

    #telescope {
    background: url("my-image.png") no-repeat scroll 0 0 transparent;
    height: 102px;
    position: absolute;
    right: -48px;
    margin-top: 748px;
    width: 98px;
    z-index: 1;
    }

Answer 1

试着把它放在你的 css 的顶部:

* {
margin: 0;
padding: 0;

font-family: "Open Sans", 'Consolas', sans-serif; 
  }

html, body {height: 100%;}