我正在使用Bootstrap模态框在我的网站上。我想要使用两张图片作为背景。我能够成功地使用一张图片。当我尝试包含第二张图片时,我遇到了问题。
我的第一张图片出现在整个模态框上,而第二张图片很小,但我希望它显示在第一张图片的顶部。
我的第一张图片的CSS代码是:
.modal-content{
background-image: url("{% static "markatix/imgs/modal/bg.png" %}");
}
我尝试了这个问题中提出的解决方案,但是按照那样写,我的第一张图片也消失了。
我还尝试了
.modal-content{
background-image: url("{% static "markatix/imgs/modal/bg.png" %}") ,url("{% static "markatix/imgs/modal/bg2.png" %}") ;
background-repeat: no-repeat,no-repeat;
background-position: center, center;
}
然而它只显示了一张图片。