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

javascript to detect a browser and use a certain style sheet

本文关键字：样式 检测 浏览器 Javascript      更新时间：2023-09-26

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

我没有访问这个网站的主要标题部分或主要的全局CSS，不幸的是，在页边距上没有全局重置0。即使我有可能这样做，但已经有太多的修改和修复，进行全局重置也会适得其反。

所以在搞乱了这个对象的音乐椅之后，我认为我的最终解决方案(虽然不是很优雅做只是一个图形)是为这个图像的margin-top写一个样式表(实际上是一个具有图像背景的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;
    }

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

* {
margin: 0;
padding: 0;
font-family: "Open Sans", 'Consolas', sans-serif; 
  }
html, body {height: 100%;}
相关文章：