Question

我刚刚为我的网站创建了新的模板布局。我想在我的登录页面上使用相同的布局，但有两个div使用URL CSS编码的图像，但我不希望它们显示在登录页面上。如何使用CSS隐藏这些div而不使用登录页面中的style标记来覆盖CSS文件？

以下是基本布局的示例：

example css{
  background-image: url("paper.gif"); 
}

<div class="example div">

现在我想要的只是示例div不能在login.php中显示。请注意，我使用PHP include来获取我的网站的模板文件。另一个想法，我可以这样做吗？

If(index.php){
  div example{
    display:none;
  }
}

Answer 1

您可以使用style作为div的属性

<div class="example div" style="visibility:hidden;">

这将需要创建一个新的布局。

或者你可以在登录页面中使用这个js代码

document.getElementById('hdiv').style.visibility="hidden";

只需为div添加一个id。或者您可以使用getElementsByClassName。

Answer 2

如果您的login.php页面包含body元素的自定义类，或者您可以添加一个，请尝试以下操作：

body .example.div
{
  display:none;
}

Answer 3

定义另一个隐藏的css类：

.hidden {
  display: none;
}

Answer 4

试试这个： <div class="example div" style="display:none;">

Answer 5

<html>
  <body>
    <div style="display:none">
      </div>

    </div>
  </body>
</html>

Answer 6

这是我的建议：

div.example.div {
    display: none;
}

Answer 7

在我的情况下，我有一个LAYOUT文件，其中有一个导航窗格，例如＆＃34; Home＆＃34;和＆＃34;关于＆＃34; - 但我不想在＆＃34;登录＆＃34;页。以下是我的解决方案（我已经研究和研究，一无所获）。

布局文件：

    <body>
    <div>
        <header>
            <nav>
                <ul>
                    <li><a href="~/">Home</a></li>
                    <li><a href="~/About">About Us</a></li>
                </ul>
            </nav>
        </header>
        <div>
            @RenderBody()
        </div>
        <footer>
            &copy;@DateTime.Now.Year - LinkNChain
        </footer>
    </div>
</body>

登录页面：

<style>header {display: none;}</style>

如何使用CSS隐藏某些页面上的div

7 个答案: