在Chrome和Firefox不同的RGBA融合算法

问题描述 投票：0回答：1

他们看起来不一样......在Chrome和Firefox完全不同。有谁知道这里有什么问题吗？我做出的一些错误或Chrome有一些特殊的混合算法？

我看到在Chrome：

Chrome

我看到在Firefox：

enter image description here

更新：关闭硬件加速Chrome上解决这个问题对我来说..但是，这不是一个修复...

.root {
	position: relative;
	margin: 100px 100px;
	width: 60px;
	height: 60px;
	background: rgba(0, 200, 0, 1);
}

.square {
	position: absolute;
	width: 100%;
	height: 100%;
}

.square1 {
	left: -15px;
	background: rgba(200, 0, 0, 0.5);
	z-index: 1;
}

.square-ref {
	top: -60px;
	background: rgba(100, 100, 0, 1);
	z-index: 3;
}
<!DOCTYPE>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		<div class="root">
			<div class="square square1"></div>
			<div class="square square2"></div>
			<div class="square square-ref"></div>
		</div>
	</body>

</html>
html css cross-browser
1个回答
0
投票

最终解决这个问题。还有就是铬https://www.dpreview.com/forums/thread/4216362内的一些颜色配置问题

改变qazxsw POI后在qazxsw POI到qazxsw POI，现在一切都看起来很好。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.