layout/reftests/css-blending/mix-blend-mode-nested-976533-ref.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 <!DOCTYPE HTML>
     2 <head>
     3 	<style>
     4 		.parent {
     5 		  width: 200px;
     6 		  height: 200px;
     7 		  position: absolute;
     8 		  z-index: 1;
     9 			background-color: #00ff00;
    10 		}
    12 		.intermediate {
    13 			width: 100px;
    14 		  height: 100px;
    15 		  margin-left:50px;
    16 		  background-color: #ffffff;
    17 		}
    19 		.child {
    20 		  width: 100px;
    21 		  height: 100px;
    22 		  margin-left:50px;
    23 		  background-color: #00ffff;
    24 		}
    26 		.grandchild {
    27 			width: 50px;
    28 			height: 100px;
    29 			margin-left: 50px;
    30 			background-color: #0000ff;
    31 		}
    33 		body {
    34 			margin:0px;
    35 		}
    37 	</style>
    38 </head>
    39 <body>
    40 	<div class="parent">
    41 		<div class="intermediate">
    42 	    <div class="child">
    43 	    	<div class="grandchild"></div>
    44 	    </div>
    45     </div>
    46 	</div>
    47 </body>

mercurial