我想只在主页上隐藏一个课程。
<div class="search-wrapper">
.search-wrapper {
background: none repeat scroll 0 0 #3d4895;
height: 50px;
margin-top: 10px;
width: 100%;
}
所以这必须显示在所有页面上。主页除外。我就是搞不定。
我创建了 HOME PAGE 菜单项来拥有一个页面类，但仍然不能仅在主页上定位 .seacrh-wrapper。
【问题讨论】：
标签： php html css joomla content-management-system
最简单的方法 - 创建一个您只发布到主页的自定义 HTML 模块。 扩展 -> 模块管理器 -> 新建 -> 自定义 HTML
在该模块中，切换到代码视图而不是所见即所得的编辑器，并创建一个样式“块”。您需要做的就是使用更具体的 CSS 规则来覆盖样式表中的 CSS。
假设您的样式表当前仅引用一个类 - 那么在选择器前面加上任何父容器中一个元素的 id 将更加“具体”。
<style type="text/css">
#some-id .search-wrapper {display:none;}
</style>
显然将“some-id”替换为 parent/grand-parent/etc 元素的实际 id。
【讨论】：
如果可能，请在您想要隐藏模块的部分中创建一个模块，并在您的模板中设置适当的模块区域。这样，您可以将其分配给除主页之外的所有页面。这种方法的好处是页面不会产生不必要的隐藏内容。
如果做不到这一点，请将以下内容添加到您的模板中：
<?php
$pageclass="";
$app = JFactory::getApplication();
$menu = $app->getMenu();
if ($menu->getActive() == $menu->getDefault()) {
$pageclass="homepage";
}
?>
然后，在你的 body 标签中...
<body class="<?php echo $pageclass; ?>">
这会在首页的body标签中添加一个“首页”类。样式只能像这样添加到主页...
.homepage .search-wrapper {
display:none;
}
不需要javascript。
【讨论】：
你必须使用jquery，使用以下行：
//Here you check if the user is on the homepage
$app = JFactory::getApplication();
$menu = $app->getMenu();
if ($menu->getActive() == $menu->getDefault()) {
//This line makes it hide the class
$('.search-wrapper').css('display','none');
}
【讨论】：