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

Question

对于 Wordpress 博客的 header.php 文件，只有当浏览器是 Firefox (Gecko) 时，我才需要在 CSS 上添加一个元素。 我制作了一个 php 脚本并且一切正常，但是如果我启用缓存插件，这将保存第一个浏览器显示的静态页面。

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

<!--[if Gecko ]> <div class="class" id="section-header" style="background-image:url('background.png'); background-repeat:repeat-x; margin-top:-50px;"> <![endif]-->

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