Question

网页上有一个单独的元素，我绝对必须坐在页面的精确位置，Chrome和FF之间似乎有14px的高度差异，这使得我无法统一定位图形两者之间。我使用了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%;}

javascript检测浏览器并使用某个样式表

1 个答案: