12

ホームページの背景にしたい JS アニメーションを作成しました: http://geotheory.co.uk/。しかし、私は Web 開発にまったく慣れていないため、canvas 要素がページ上の「インライン」オブジェクトになるのを止めて、他の HTML 要素の背後に設定する方法がわかりません。アドバイスにとても感謝しています。HTML は次のとおりです。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>geotheory.co.uk</title>
    <style>
        canvas:focus{outline:none;}
        * {
        margin: 0;
        padding: 0;
        }
        h1 {color:#fff;}
        p {color:#fff;}
    </style>

</head>
<body  id="home" bgcolor="black">
    <!-- style="overflow:hidden;" -->
    <h1>Heading</h1>
    <p>paragraph 1</p>
    <p>paragraph 2</p>
    <script src="processing-1.4.1.min.js"></script>
    <div id="canvasContainer">
    <canvas data-processing-sources="rectangles.pde"></canvas>
    </div>
</body>
4

2 に答える 2

13 
canvas {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
于 2012-12-26T16:35:16.413 に答える