这个html/css在Firefox和 chromium 中呈现的不同--text-decoration和text-shadow的分层被交换了.
.foo {
font-size:2em;
text-decoration:underline LightBlue 1ex;
text-decoration-skip-ink:none;
text-underline-offset:-1ex;
text-shadow: 1px 1px 3px HotPink;
}
<spann class="foo">
Gaze upon this text in Firefox and chromium .
</span>以下是截图:
Firefox
chromium
这里发生了什么事？是否有一个浏览器不正确地实现了该标准？在不检测浏览器和样式的情况下，是否可以编写css以确保一致性？