即使没有添加不透明度，画布和边框也显示透明

问题描述

亲爱的程序员朋友

我最近遇到了一个问题。我在画布上添加了一个边框，并更改了一些不相关的内容。无论如何画布和边框变得透明。可能是边框或者我对代码做的其他改动引起的。

这可能很明显，但无论如何我似乎都找不到。我通读了所有代码，但仍然没有找到。

通过互联网搜索也没有给我答案。所以我来了

这是CSS代码：

body {
    min-height: 100vh;
    background-image: url(background.jpg);
    background-size: cover;
    overflow: visible;
}

canvas {
    background: rgba(238,238,238);
    border: 6px solid rgba(238,238);
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

还有 HTML5 代码：

<canvas id="pong_singleplayer_canvas" height="640" width="960" style="opacity: 50%"></canvas></canvas>

提前感谢您的帮助

解决方法

张贴 J. Langer 的评论作为回答：

<canvas id="pong_singleplayer_canvas" height="640" width="960" style="opacity: 0.7;"></canvas>

html transparent