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

Question

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

很遗憾，我无法访问此站点的主 head 部分或主全局 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%;}