@RenderBody()用画布

tea*_*ler 6 c# model-view-controller html5 razor

我有一个画布加载到 _Layout.cshtml

当我从索引页面浏览到关于或联系时,<canvas>显示但页面内容丢失.

Index页面将加载divunder <body>标签,但About页面缺少内容.

我假设@RenderBody不是在适当的z-index中,或者<canvas>不像我的索引页面那样显示.

<canvas id="bgCanvas"></canvas>
<script src="~/Scripts/starLayout.js"></script>

<div class="container body-content">
    @RenderBody()
    <hr />

    <footer>
        <p>&copy; @DateTime.Now</p>
    </footer>
</div>
Run Code Online (Sandbox Code Playgroud)

EDIT2:

在视图源下显示

    <canvas id="bgCanvas"></canvas>
    <script src="/Scripts/starLayout.js"></script>

    <div class="container body-content">


<h2>About.</h2>
<h3>Your application description page.</h3>
<div>
    <p>Use this area to provide additional information.</p>
</div>
        <hr />


        <footer>
            <p>&copy; 4/17/2015 11:33:17 AM - JTR</p>
        </footer>
    </div>
Run Code Online (Sandbox Code Playgroud)

但是我仍然看不到内容,所以我相信它在画布下面.这很奇怪,因为它位于画布的顶部index.cshtml

小智 1

这是你的答案:w3c canvas。很快,您必须为画布元素提供宽度和高度属性。

请记住将负责“绘图”的 *.js 文件/代码放在 canvas 元素之后。

您能提供 css 代码吗,以便我可以编辑此答案以使其更具体?