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

fix(z-index):z-index order (fix #2089)

Browse Source
This commit is contained in:
asagay 2020-08-09 12:49:31 +08:00 committed by GitHub
parent bacfadff96
commit d07b6811c6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 42 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/render/stacking-context.ts
View File

@ -115,7 +115,7 @@ const parseStackTree = (
} else if (order > 0) { } else if (order > 0) {
let index = 0; let index = 0;
parentStack.positiveZIndex.some((current, i) => { parentStack.positiveZIndex.some((current, i) => {
if (order > current.element.container.styles.zIndex.order) { if (order >= current.element.container.styles.zIndex.order) {
index = i + 1; index = i + 1;
return false; return false;
} else if (index > 0) { } else if (index > 0) {

41
tests/reftests/zindex/z-index20.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" />
<title>z-index20</title>
<style>
.container {
width: 375px;
height: 603px;
background-color: #999;
position: relative;
margin-bottom: 30px;
}
.child1 {
height: 500px;
width: 200px;
background-color: red;
z-index: 20;
position: absolute;
left: 0;
top: 0;
}
.child2 {
height: 50px;
width: 100px;
background-color: blue;
z-index: 20;
position: absolute;
left: 30px;
top: 30px;
}
</style>
<script type="text/javascript" src="../../test.js"></script>
</head>
<body>
<div class="container" id="___id___">
<div class="child1"></div>
<div class="child2"></div>
</div>
</body>
</html>