程式設計@筆記

當文字要壓在圖片上，可以使用 transform:translate
並配合@media screen 調整文字大小即可

例：
<div style="width:100%; background-image:url(images/bg1.jpg);background-size:cover;background-position:center;position:relative;">
<span id="person" style="position:absolute;color:#E6B800; font-weight:800; font-size:80px; top:64%;left:74%;transform: translate(-64%, -74%); z-index:1000;">文字</span>
<img src="圖片" style="display:block;max-width:100%; margin:0 auto;" >
</div>