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

Question

亲爱的程序员朋友

我最近遇到了一个问题。我在画布上添加了边框，并改变了一些不相关的东西。不管怎样，画布和边框都是透明的。它可能是由边框或我对代码所做的另一个更改引起的。

这可能是很明显的东西，我似乎找不到它。我通读了所有的代码，但还是一无所获。

在网上搜索也没有给我答案。所以我在这里

下面是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, 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>

事先感谢您的帮助

Answer 1

将J. Langer的评论作为回答:

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