Question

我正在尝试使用bootstrap-4和外部CSS为我的网站添加背景图片（内部也不适合我）。

我正在尝试添加图片，该图片将位于

如果我尝试将其用于容器内的一行，则可以使用，但是我想要所有行背后的背景，而不仅仅是行后面。

您能帮我吗？

L = [False, False, True, False, False, False, False, True, True, False, False]

inRun = False

run = ""
for i in range(len(L)):
    if inRun:
        if L[i] != L[i-1]:
            runs.append(run)

            run = ""
            inRun = False
            continue
        else:
            run += str(L[i])


    if not inRun:
        if i != len(L)-1:
            if L[i] == L[i+1]:
                run += str(L[i])

                inRun = True

.background {
    background-image: url('images/podklad.png') !important;
    height: 100%;
}

#top_part {
    /*background-color: #ff9900  !important;*/
}

Answer 1

您的代码似乎对我有用。

这是我用示例图片创建的JSFiddle。您可以只用我的示例图像替换。您的代码将图像正确地放置在具有所有行的容器后面。

如果您希望图像完全位于页面上所有内容的后面，则将CSS更改如下：

body {
    background-image: url('images/podklad.png') !important;
    background-size: cover;  /* Resizes the image to cover the entire container */
}

如果没有图像显示，请确保图像路径正确。

容器中的引导背景图片不起作用

1 个答案: