gecko-dev/layout/reftests/text-shadow/standards-decor-noblur-ref....

22 строки
1.2 KiB
HTML

<!DOCTYPE HTML>
<style>
.underlined {
text-decoration: underline;
}
span {
color: rgba(0, 0, 0, 0);
}
</style>
<div class="underlined" style="position: absolute; top: 33px; left: 33px; color: grey; z-index: 0;"><span>Hello</span></div>
<div class="underlined" style="position: absolute; top: 30px; left: 30px; color: green; z-index: 1;"><span>Hello</span></div>
<div class="underlined" style="position: absolute; top: 27px; left: 27px; color: red; z-index: 2;"><span>Hello</span></div>
<div class="underlined" style="position: absolute; top: 24px; left: 24px; color: purple; z-index: 3;"><span>Hello</span></div>
<div class="underlined" style="position: absolute; top: 20px; left: 20px; color: black; z-index: 4;"><span>Hello</span></div>
<div style="position: absolute; top: 33px; left: 33px; color: grey; z-index: 5;">Hello</div>
<div style="position: absolute; top: 30px; left: 30px; color: green; z-index: 6;">Hello</div>
<div style="position: absolute; top: 27px; left: 27px; color: red; z-index: 7;">Hello</div>
<div style="position: absolute; top: 24px; left: 24px; color: purple; z-index: 8;">Hello</div>
<div style="position: absolute; top: 20px; left: 20px; color: black; z-index: 9;">Hello</div>