如何在一個HTML索引文件中獲取多個背景圖像？

如何僅使用HTML和CSS來僅使用一個索引文件和一個CSS文件來獲取多個背景圖像。我想有一個第二個背景是背景的視頻和一個第三背景是另一個image.This是我的CSS的HTML元素的樣子：如何在一個HTML索引文件中獲取多個背景圖像？

html { 
    width: 100%; 
    height: 100%; 
    overflow: scroll; 
    margin:0 auto; 
    background-repeat: no-repeat; 
    background-size: contain; 
    background-position: center; 
    font-family: 'Open Sans Condensed', "sans-serif"; 
    font-size: 120%; 
    background-image: url(pictures/main-photo.jpg); 
    background-size: 100% 100%; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    color: darkslategrey; 
    min-width: 1435px; 
}

來源

2017-06-30 Developer101

你是什麼意思多個背景？與此同時？一個「幻燈片」類型的東西？問題需要澄清。 – Santi

background-image：url（xyz.gif），url（abc.gif）; background-position：右下角，左上角; background-repeat：不重複，重複; – Shiladitya

您可以使用多個background-image屬性與background-position設置在那裏你想要的圖像。你也想background-repeat: no-repeat;

來源

2017-06-30 17:42:57 CyanCoding

如何在一個HTML索引文件中獲取多個背景圖像？

回答

相關問題