webf
webf copied to clipboard
Published
20 hours ago •
openwebf
openwebf
不支持跨层级z-index排序
Affected version
0.12.0 +
No same issues found.
- [X] Yes, I search all issues but not found.
Steps to Reproduce
title: 'z-index',
value: '不支持跨层级z-index排序'
Code example
<html style="font-size: 9.25926vw">
<head>
<meta charset="utf-8" />
<title>index-z</title>
<style type="text/css">
html,
body {
margin: 0;
padding: 0;
font-size: 18px;
}
.box {
width: 100%;
height: 300px;
}
.d {
position: relative;
text-align: center;
line-height: 400px;
width: 400px;
height: 400px;
}
.d1 {
top: 0;
left: 0;
}
.d2 {
top: -200px;
left: 200px;
}
.box .d1 {
z-index: 2;
background: red;
}
.box1 .d1 {
z-index: 1;
left: 100px;
background: pink;
}
</style>
</head>
<body>
<div class="box">
<div class="d d1">我是第1-1层</div>
</div>
<div class="box box1">
<div class="d d1">我是第2-1层</div>
</div>
</body>
</html>
Expected results
work
Actual results
notwork
