mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 19:22:45 +00:00
82ccc49b52
These two ref-tests involve two boxes positioned in the same place, with outlines. Outlines always have a border-radius, meaning that the corner pixels are not 100% opaque. (It seems to be 254 instead of 255.) With the test files painting two outlines, and the ref test only painting one, slight changes in the background color of the page would make that slight variation visible sometimes. So, let's avoid that inconsistency by always painting one outline instead of two.
13 lines
313 B
HTML
13 lines
313 B
HTML
<!doctype html><style type="text/css">
|
|
body { display: grid; }
|
|
.foo {
|
|
outline: 1px solid black;
|
|
grid-area: 1 / 1 / auto / auto;
|
|
background: pink;
|
|
}
|
|
.bar {
|
|
grid-area: 1 / 1 / auto / auto;
|
|
background: orange;
|
|
z-index: -1;
|
|
}
|
|
</style><body><div class="foo">foo</div><div class="bar">bar</div>
|