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

Question

亲爱的程序员朋友们

我运行最近遇到了一个问题。我在 canvas 中添加了一个边框，并更改了一些不相关的内容。无论如何 canvas 和边界得到了 t运行sparent。可能是边框造成的，也可能是我对代码做的其他改动造成的。

这可能是显而易见的事情，但我似乎无法找到它。我通读了所有代码，但仍然一无所获。

网上一搜也没有答案。所以我来了

这里是 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

致 post J. Langer 的评论作为回答：

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

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

Canvas and border displaying transparent even if no opacity was added

html

css

canvas

transparent