layout/reftests/css-blending/blend-difference-stacking.html

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     1 <!--
     2      Any copyright is dedicated to the Public Domain.
     3      http://creativecommons.org/publicdomain/zero/1.0/
     4 -->
     5 <html>
     6 <style>
     7 .a {
     8   background-color: rgb(0,255,0);
     9 }
    10 #b {
    11   width: 200px;
    12   height: 210px;
    13 }
    14 .c {
    15   width: 100px;
    16   height: 100px;
    17   mix-blend-mode: difference;
    18 }
    19 #d {
    20   z-index: 1;
    21   position: absolute;
    22   top:80px;
    23 }
    24 </style>
    25 <div id="b" class="a">
    26   <div id="d">.
    27     <div class="a c"></div>
    28   </div>
    29 </div>
    30 </html>

mercurial