fixed 遇到 transform

fixed 遇到 transform就失效

• 代码

<div class="box">
	我用了transform
	<div class="content">我是fixed</div>
</div>
<style>
	.box {
		position: absoulte;
		left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 50%;
        height: 50%;
	}
	.content {
		position: fixed;
		z-index: 10;
		width: 100%;
		height: 100%;
	}
</style>