隐藏特定WordPress模板上的溢出

时间:2011-06-25 作者:SparrwHawk

我试图隐藏CSS中特定模板页面的溢出,但似乎无法正常工作-我知道模板页面的前缀是类,但这似乎无助于确定目标。

我想我可以使用is\\u page\\u template()函数来隐藏JS溢出,但使用CSS应该更简单。

所以这是可行的。。。

html {
    overflow: hidden;
    }
但这不起作用。。。

html .page-template-showreel-php {
    overflow: hidden;
    }
知道为什么吗?当然,这在CSS中应该是可能的。

1 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

这是:

html .page-template-showreel-php {
    overflow: hidden;
    }
。。。将目标body.page-template-showreel-php. 因此,有两个问题:

你有<?php body_class(); ?> 模板内的模板标记<body> HTML标记

  • 正在隐藏<body> 标记您真正想要的是什么,还是需要以子元素为目标
  • EDIT

    没有任何语义或编程方面的原因使您不能重用<?php body_class(); ?> 模板中的模板标记<html> 同时标记。因此,您可以考虑:

    <html <?php body_class(); ?>>

    然后:

    html.page-template-showreel-php {
        overflow: hidden;
    }
    
    值得一试。。。

    结束