仅当背景设置为图像时才会显示画布

Question

今天碰到了最奇怪的事情。

仅当背景设置为图像中的图像时，才会渲染画布。 如果背景设置为颜色或其他图像，则画布将消失。

我无法解决它。 非常感谢。

感谢：））

HTML

<section class="banner">
    <canvas id="nCanvasRender"></canvas>
    <article id="cover_banner">
        <h2>Start Network</h2>
        <h1>THE NETWORK <br/>FOR CHANGE</h1>
        <p>Our vision is to connect people in crisis to the best possible solutions </p>
    </article>
</section>

CSS

#myCanvas {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
    background-color: transparent;
    color: orange;
}

.banner {
    background: url('http://whois.domaintools.com/images/backgrounds/dark-desert-hills.jpg');
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

#cover_banner {
    width: 100%;
    height: 100%;
    top: 5%;
    position: absolute;
    margin: 0;
    z-index: 2;
    text-align: center;
}