close
當文字要壓在圖片上,可以使用 transform:translate
例:
<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="http://stockwfj3.pixnet.net/blog/post/圖片" style="display:block;max-width:100%; margin:0 auto;" >
</div>
並配合@media screen 調整文字大小便可
以下內文出自: http://stockwfj3.pixnet.net/blog/post/118167786-%5Bcss%5D%E7%95%B6%E6%96%87%E5%AD%97%E8%A6%81%E5%A3%有關各國語文翻譯公證的問題歡迎諮詢天成翻譯公司02-77260931
文章標籤
全站熱搜
留言列表