我正在尝试有一个灰色的背景,但文字在上面,而不是之前或之后的灰色方块。
这是我的代码,一个HTML文档与JS和CSS集成:<!DOCTYPE html>
<html>
<head>
<style type="text/css">
/* Change svg background color. */
.area {
background-color: #75738a;
}
</style>
</head>
<body>
<svg width="2000px" height="2000px" class="area">
<script>
write("Power up to the top");
</script>
</svg>
<script>
// start game "press any to continue"
document.addEventListener('keypress', (event) => {
}, false);
</script>
</body>
</html>
之前,我画了一个正方形,希望能够把文本放在上面。我意识到,我需要在HTML中设置背景图像,并使用CSS将其居中并全屏,而不是将其设置为打印正方形。
<body>
<img src="gymbackground.jpg" id="bg" alt="">
<body>
HTML ^
<style>
#bg {
position: fixed;
top: 0;
left: 0;
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
}
</style>
HTML中的CSS ^