html - 背景图像适合选项？

Question

我已经为我的应用程序应用了背景图像选项，它运行良好。但是我想使用填充、适合、拉伸(stretch)等适合选项来修复背景图像...如何为我的应用程序应用这些选项取决于用户选择的选项.

代码:

Answer 1

为填充、拉伸(stretch)和适合创建 CSS 类。使用 addClass 将它们添加到背景 div 或通过 JS 使用 toggle Class 进行切换。

.fill {
    background: url('image.jpg');
    background-repeat: repeat;
}

.stretch{
    background: url('image.jpg');
    background-size: cover;
}