webf
webf copied to clipboard
Published
20 hours ago •
openwebf
openwebf
img style from display to block not work
Affected version
0.12.0 +
No same issues found.
- [X] Yes, I search all issues but not found.
Steps to Reproduce
Check out the example below
Code example
<html style="font-size: 9.25926vw">
<head>
<meta charset="utf-8" />
<meta content="portrait" name="screen-orientation" />
<meta content="portrait" name="x5-orientation" />
<meta content="webkit" name="renderer" />
<meta content="max-age=180" http-equiv="Cache-control" />
<meta
name="viewport"
content="width=device-width,initial-scale=0.5,maximum-scale=0.5,minimum-scale=0.5,user-scalable=no"
/>
<title>请配置页面标题</title>
<meta name="keywords" content="请配置页面关键词" />
<meta name="description" content="请配置页面描述" />
</head>
<style>
.prize__fireworks {
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 100%;
height: 56.25%;
width: 100%;
position: absolute;
top: 10%;
z-index: 1;
}
</style>
<body>
<div id="div">
<div>第1屏</div>
<div id="u2" style="display: none">
<div>第2屏</div>
<img class="prize__fireworks" src="http://5b0988e595225.cdn.sohucs.com/q_70,c_zoom,w_640/images/20191213/fdd17e15f2e643628bb13cd1c464b61d.gif" alt=""/>
</div>
</div>
</body>
<script>
const u2 = document.getElementById('u2')
setTimeout(() => {
u2.style.display = 'block'
}, 4000)
</script>
</html>
Expected results
Consistent with the performance of h5, two gifs are displayed successively
Actual results
webf the second screen animation display failed
