testing/web-platform/tests/css/css-backgrounds/none-as-image-layer.htm
author Duncan McIntosh <dmcintosh@mozilla.com>
Wed, 09 Jul 2025 19:42:02 +0000 (7 hours ago)
changeset 795924 9ccc6a2267cbf69c621fec973bd28573c2a45a1f
parent 606595 895e9f55c489ee2cc6e5bb3b1039f863e5b72809
permissions -rw-r--r--
Bug 1966586 - Reuse other browser windows when opening _blank links in Taskbar Tabs windows. r=nrishel This doesn't affect other tab additions, nor does it stop the tab bar from appearing altogether. The idea is that _if_ another tab is somehow made, the user should see it; but we should not create new tabs if we can avoid it. This also adds tests for opening URIs in popups and taskbar tabs to make it less likely that this breaks in future. Differential Revision: https://phabricator.services.mozilla.com/D253726
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>CSS Test: None counts as an image layer</title>
        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-image" />
        <meta name="assert" content="'Background-image: none' counts as an image layer but draws nothing." />
        <style type="text/css">
            div
            {
                margin: 10px;
                width: 250px;
                height: 250px;
                border: thick solid black;
            }
            #test
            {
                background-image: url("support/blue_color.png"), none, url("support/green_color.png");
                background-repeat: no-repeat, repeat, no-repeat;
                background-position: 30px 30px, 60px 60px, 90px 90px;
            }
            #reference
            {
                background-image: url("support/blue_color.png"), url("support/green_color.png");
                background-repeat: no-repeat, no-repeat;
                background-position: 30px 30px, 90px 90px;
            }
        </style>
    </head>
    <body>
        <p>Test passes if there is green on the page and contents of the black boxes look exactly the same.</p>
        <table>
            <tr>
                <td><div id="test"></div></td>
                <td><div id="reference"></div></td>
            </tr>
        </table>
    </body>
</html>