<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#react { position: relative; width: 100px; height: 100px; background-color: red; opacity: 1; transform: translateZ(0)
} </style></head><body>
<div id="react"></div>
<script type="text/javascript">
setTimeout(() => { document.getElementById("react").style.opacity = "0"
}, 2000); </script></body></html>已經用translteZ提升為合成層，改變opacity仍然出觸發paint這是為什么，和認知好像有點不符
關于opacity觸發paint的問題
慕的地8271018
2019-02-05 19:53:36
