Question

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

.vote{
    position:absolute;
        margin: 53px 3px 0 60px;
     }

但是我想在Firefox中给出边距：53px 3px 0px 60px和

保证金：53px 3px 0 115px铬合金。我需要使用条件评论做什么

Answer 1

您可以通过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

Answer 2

您可以通过JavaScript for detecting使用userAgent用户浏览器，而不是根据您可以使用所需风格的结果。

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';
}

您只需要检查可能的浏览器名称，而不是返回其名称。

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

2 个答案: