如何在firefox中为单个css样式语句提供条件注释

如何在firefox中为单个css样式语句提供条件注释,css,Css,我有一个具有以下属性的类 .vote{ position:absolute; margin: 53px 3px 0 60px; } 但我想给你一个余量:firefox和firefox中的53px 3px 0px 60px 保证金:53px 3px 0 115px铬合金。我要做的是使用条件注释,您可以通过使用用户浏览器,然后根据结果应用所需的样式 function getBrowser() { var browser = navigator.userAgen

我有一个具有以下属性的类

.vote{
    position:absolute;
        margin: 53px 3px 0 60px;
     }
但我想给你一个余量:firefox和firefox中的53px 3px 0px 60px

保证金:53px 3px 0 115px铬合金。我要做的是使用条件注释,您可以通过使用用户浏览器,然后根据结果应用所需的样式

function getBrowser()
{
  var browser = navigator.userAgent;
  if (browser.toLowerCase().indexOf('msie') > -1) return 'ie';
  else if (sBrowser.toLowerCase().indexOf('firefox') > -1) return 'firefox';
  else return 'mozilla';
}

您只需检查可能的浏览器名称,然后返回其名称。

您可以根据css条件执行此操作

body{background-color:#0FF; } /* for normal browser */

@media screen and (-webkit-min-device-pixel-ratio:0) { body{background-color:#F90;} } /* for webkit browser like crome, safari */

@-moz-document url-prefix() { body{ background-color:#090;}} /* for firefox */

但是这不是一个有效的css

条件注释是IE的东西。你可以使用javascript(和/或jQuery)嗅探浏览器并应用相应的样式这里有一个全面的浏览器黑客列表:非常感谢。。。这是非常有用的