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

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

     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