mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

passes z-index8 non-positioned element with opactiy < 1

Browse Source 
The MDN article Understanding_z_index/Stacking_and_float is wrong about this
This commit is contained in:
arrix 2013-08-06 10:34:13 +08:00
parent 65746bd2e3
commit 02ab96dc5f
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/Parse.js
View File

@ -331,6 +331,7 @@ _html2canvas.Parse = function (images, options) {
stack.zIndex = newContext = h2czContext(zIndex); stack.zIndex = newContext = h2czContext(zIndex);
newContext.isPositioned = isPositioned; newContext.isPositioned = isPositioned;
newContext.isFloated = isFloated; newContext.isFloated = isFloated;
newContext.opacity = opacity;
if (zIndex !== 'auto' || opacity < 1) { if (zIndex !== 'auto' || opacity < 1) {
newContext.ownStacking = true; newContext.ownStacking = true;

8
src/Renderer.js
View File

@ -48,10 +48,12 @@ _html2canvas.Renderer = function(parseQueue, options){
// positioned after static // positioned after static
context[zi].forEach(function(v) { context[zi].forEach(function(v) {
if (v.node.zIndex.isFloated) { if (v.node.zIndex.isPositioned || v.node.zIndex.opacity < 1) {
floated.push(v); // http://www.w3.org/TR/css3-color/#transparency
} else if (v.node.zIndex.isPositioned) { // non-positioned element with opactiy < 1 should be stacked as if it were a positioned element with ‘z-index: 0’ and ‘opacity: 1’.
positioned.push(v); positioned.push(v);
} else if (v.node.zIndex.isFloated) {
floated.push(v);
} else { } else {
nonPositioned.push(v); nonPositioned.push(v);
} }