summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-09-ref.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-09-ref.html
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-09-ref.html')
-rw-r--r--testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-09-ref.html38
1 files changed, 38 insertions, 0 deletions
diff --git a/testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-09-ref.html b/testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-09-ref.html
new file mode 100644
index 0000000000..2bbe08a5d1
--- /dev/null
+++ b/testing/web-platform/tests/forced-colors-mode/backplate/forced-colors-mode-backplate-09-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>
+ Forced colors mode - backplate reference.
+ Tests that backplate is not drawn above floats.
+</title>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<script src="../../common/reftest-wait.js"></script>
+<link rel="preload" as="image" href="../resources/test-image.jpg" onload="takeScreenshot()" />
+<style>
+ body {
+ background-image: url("../resources/test-image.jpg");
+ font-family: Ahem;
+ font-size: 20px;
+ forced-color-adjust: none; /* This turns the backplate feature off in forced colors mode.
+ The backplate is simulated in testing using a background-color
+ of Canvas behind the text.
+ */
+ line-height: 20px;
+ text-align: justify;
+ width: 200px;
+ }
+ img {
+ float: left;
+ }
+ div {
+ background-color: Canvas;
+ }
+</style>
+<body>
+ <div>
+ <img src="../resources/float-image.jpg" style="width:50px;height:50px;">
+ In forced colors mode, the backplate for this paragraph should lie below the
+ the floating image.
+ </div>
+</body>
+</html>