@RenderBody()用画布

时间:2015-04-17 15:26:08

标签: c# html5 razor model-view-controller

我将画布加载到_Layout.cshtml

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

Index页面会在div标记下加载<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>

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>

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

上的画布顶部

1 个答案:

答案 0 :(得分:0)

以下是您的回答:w3c canvas。不久,您必须为canvas元素提供width和height属性。

请记住放置* .js文件/代码,负责&#34;绘图&#34;在canvas元素之后。

你能提供css代码,所以我可以编辑这个答案更具体吗?