tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

backplate-bg-image-010-ref.html (1307B)


      1 <!DOCTYPE html>
      2 <title>Reference: Only lines containing visible content (visibility: visible) should receive backplates.</title>
      3 <style>
      4  .outer {
      5    background-image: url("blue.png");
      6  }
      7  .hidden {
      8    visibility: hidden;
      9  }
     10  .visible {
     11    visibility: visible;
     12  }
     13  .fake-backplate {
     14    background-color: white;
     15  }
     16 </style>
     17 <div class="outer">
     18  <div>
     19    <span class="fake-backplate">AAAA</span>
     20    <div class="hidden">BBBB</div>
     21    <span class="fake-backplate">CCCC</span>
     22    <div class="hidden">
     23      DDDD
     24      <div class="visible"><span class="fake-backplate">EEEE</span></div>
     25      FFFF
     26    </div>
     27  </div>
     28  <div class="fake-backplate" style="display: inline-block;">
     29    <span class="fake-backplate">GGGG</span>
     30    <br>
     31    <span class="fake-backplate">HHHH</span>
     32    <span class="hidden">IIII</span>
     33    <span class="fake-backplate">JJJJ</span>
     34    <span class="hidden">
     35      KKKK
     36      <span class="visible fake-backplate">LLLL</span>
     37      MMMM
     38    </span>
     39    <span class="fake-backplate">NNNN</span>
     40    <span class="hidden">
     41      <span style="display:inline-block">
     42        1
     43        <span class="visible fake-backplate">2</span>
     44      </span>
     45      <span style="display:inline-block" class="visible fake-backplate">
     46        3
     47      </span>
     48    4
     49  </span>
     50  </div>
     51 </div>