html中怎样实把文字放在现背景图片的框中。并且随窗口大小变化文字始终保持在背景图片的框内。

Question

请教一个问题，html CsS中怎样实把文字放在现背景图片的框中（有几个框）。并且随窗口大小变化（分辨率）
文字始终保持在背景图片的框内。

Answer 1

该回答引用GPT:
可以使用CSS的position属性和background-image属性来实现，将文字放在背景图片的框中，并且随窗口大小变化文字始终保持在背景图片的框内。

.container {
    position: relative;
    background-image: url('background.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;
}

.text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

如还有疑问，可留言帮助解决。