如何在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)嗅探浏览器并应用相应的样式这里有一个全面的浏览器黑客列表:非常感谢。。。这是非常有用的