第一種、將背景圖寫在css中<style>.class{background:url("圖片路徑")no-repeat;}</style>接著就直接在html中寫文字內容。第二種、寫在html中<divclass="screen"><divclass="img"><imgsrc="images/logo.png"alt=""></div><divclass="introintro--shown"><p>你的文字內容</p></div></div>css樣式,.screen{position:relative;width:1280px;height:720px;overflow:hidden;}接著就是包裹的兩個div,圖片和文字.img{width:100%;height:100%;overflow:hidden;border-radius:7px;position:absolute;}.intro{position:absolute;width:100%;bottom:-5px;z-index:20;}z-index:20;就是可以將文字鎖定在你圖片的上方
第一種、將背景圖寫在css中<style>.class{background:url("圖片路徑")no-repeat;}</style>接著就直接在html中寫文字內容。第二種、寫在html中<divclass="screen"><divclass="img"><imgsrc="images/logo.png"alt=""></div><divclass="introintro--shown"><p>你的文字內容</p></div></div>css樣式,.screen{position:relative;width:1280px;height:720px;overflow:hidden;}接著就是包裹的兩個div,圖片和文字.img{width:100%;height:100%;overflow:hidden;border-radius:7px;position:absolute;}.intro{position:absolute;width:100%;bottom:-5px;z-index:20;}z-index:20;就是可以將文字鎖定在你圖片的上方