display: none 不起作用

2016-06-19 10:45:55 4.4k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

display:none和visibility:hidden两者的区别一、相同点 display:none和visibility:hidden 都能把网页上的某元素隐藏起来二、不同点示例代码如下： <!DOCTYPE html> <html> <head> <style> .hidden1 { display:none; } .hidden11 { display: inherit; } .hidden12 { display: block; } .hi 阅读详情



<html>

    <head>

        <meta http-equiv="content-type" content='text/html;charset=utf-8'/>

        <style>

        <!--本页的css样式-->

       .reveal * {display: none;}

       /*.reveal * {background-color: gray;}*/

       

       .reveal *.handle {display: block;}

       .reveal *.handle {background-color: gray;}

        </style>



    </head>

    <body>

        <div class="reveal">

         <h1 class="handle">Click Here to Reveal Hidden Text</h1>

         <p>This paragraph is hidden. It appears when you click on title.</p>

        </div>

    </body>

</html>