mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-05-11 09:27:00 +02:00
0105d56e6c
Cover image-set() candidate selection by resolution for background images. The tests cover both source-order-independent selection and calculated resolution descriptors that require layout context.
20 lines
652 B
HTML
20 lines
652 B
HTML
<!doctype html>
|
|
<link rel="match" href="../expected/css-image-set-background-resolution-ref.html" />
|
|
<style>
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.box {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-image: image-set(
|
|
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect width='1' height='1' fill='green'/%3E%3C/svg%3E") 2x,
|
|
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect width='1' height='1' fill='red'/%3E%3C/svg%3E") 1x
|
|
);
|
|
background-size: 100% 100%;
|
|
}
|
|
</style>
|
|
<div class="box"></div>
|