File: hide_visible_elements_with_css.html

package info (click to toggle)
chromium 145.0.7632.159-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid
  • size: 5,976,224 kB
  • sloc: cpp: 36,198,469; ansic: 7,634,080; javascript: 3,564,060; python: 1,649,622; xml: 838,470; asm: 717,087; pascal: 185,708; sh: 88,786; perl: 88,718; objc: 79,984; sql: 59,811; cs: 42,452; fortran: 24,101; makefile: 21,144; tcl: 15,277; php: 14,022; yacc: 9,066; ruby: 7,553; awk: 3,720; lisp: 3,233; lex: 1,328; ada: 727; jsp: 228; sed: 36
file content (35 lines) | stat: -rw-r--r-- 780 bytes parent folder | download | duplicates (5) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<!-- Simple test page to hide elements using CSS for visibility check -->
<html>
  <head>
    <style>
      .Header {
        height: 30px;
        width: 100px;
        background-color:red;
      }

      .Footer {
        overflow: auto;
        height: 50px;
        width: 100px;
        background-color:green;
      }
    </style>
  </head>
  <body>
    <div class="Header">
    </div>
    <div class="Footer">
      <li aria-label="1" tabindex=0>1</li>
      <li aria-label="2">2</li>
      <li aria-label="3">3</li>
      <li aria-label="4">4</li>
      <li aria-label="5">5</li>
      <li aria-label="6">6</li>
      <li aria-label="7">7</li>
      <li aria-label="8">8</li>
      <li aria-label="9">9</li>
      <li aria-label="10">10</li>
    </div>
  </body>
</html>