我一直在测试不透明的边框，Webkit 似乎有一个奇怪的行为。
这是我的代码
<style>
div{
position: relative;
width: 300px;
height: 300px;
background: #00f;
}
span{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 10px solid rgba(255, 255, 255, 0.5);
}
</style>
<div>
<span></span>
</div>
你可以测试一下here。在 Firefox 中，您将得到预期的结果：一个 10px 的白色内边框，div 周围的不透明度为 50%，但是，至少 Chrome（但我怀疑 Webkit）似乎与边框的边框重叠（不知何故这是有道理的）。我认为这不是故意的，因为它似乎是重叠的！
这是一个错误还是只是有意为之feature?
Chrome 问题列表中的错误（猜猜看，没人关心）：
看看规范，这确实看起来像一个错误：
http://www.w3.org/TR/css3-background/#box-shadow-samples
这些示例也有一个带 alpha 的内边框，并显示类似 Firefox 的行为。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
