Вопросы Теги

Отображение <отделение> по <холст>

Проблема, которая существует и в Firefox и в Chrome, состоит в том, что у меня есть холст со сплошным фоном и отделение с цветом/изображением сплошного фона. Отделение является margined по вершине холста. Отделение не отображается по холсту. Интересное примечание - то, что, если существует текст в отделении, это будет правильно отображено. Это означало бы, что это - ошибка браузера... в обоих браузерах. Вот некоторый код для людей, которые хотят попробовать его.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style type="text/css">
        #d{background-color:#111;margin-top:-150px;z-index:999999;}
    </style>
    <script type="text/javascript">
        function load() {
            var c = document.getElementById("c").getContext("2d");
            c.fillStyle = "rgba(255, 200, 200, 1)";
            c.fillRect(0, 0, c.canvas.width, c.canvas.height);
        }
    </script>
</head>
<body onload="load()">
    <canvas id="c" width="500" height="300"></canvas>
    <div id="d" style="width:500px;height:300px"></div>
</body>
</html>

Так, у кого-либо есть какие-либо обходные решения? Или есть ли что-то, что я пропустил в спецификации HTML5, которая говорит, что это корректно?

Как примечание, не спрашивайте, почему я хочу использовать поля вместо фиксированного/абсолютного/и т.д.... альтернативы. Мне нужны поля.

10
задан Moncader 20 October 2010 в 17:28
поделиться