Question

对于Wordpress博客的header.php文件，我只需要在浏览器是Firefox（Gecko）时在CSS上添加一个项目。我已经制作了一个PHP脚本，一切正常，但如果我启用缓存插件，这将保存第一个浏览器显示的静态页面。

所以我尝试使用dinamic CSS，但它没有效果。这是我在header.php上的代码：

<div class="class" id="section-header" style="background-image:url('background.png'); background-repeat:repeat-x">

因此，如果浏览器基于Gecko，请添加margin-top：-50px，否则不执行任何操作。

为什么这段代码不起作用？

由于

Answer 1

然后继续添加类名以标识元素并使用条件CSS来定位FF：

@-moz-document url-prefix() {
    div.class {
        margin-top:-50px;
    }
}

Answer 2

您可以使用Modernizr检测浏览器类型

if($.browser.chrome) {
   $( "body" ).addClass( "chrome" );
} else if ($.browser.mozilla) {
   $( "body" ).addClass( "mozilla" );
} else if ($.browser.msie) {
   $( "body" ).addClass( "msie" );
}

基于浏览器和Wordpress缓存的可变CSS

2 个答案: