:::圖片重疊:::
範例
前景圖 背景圖
貼在 <body> 這裡 </body>

可更改的部份:(在HTML中修改)

1<img src="圖檔1檔名路徑" style="background-image: url('圖檔2檔名路徑'); background-repeat: repeat; background-attachment: scroll; background-position: 100% 100%">  → 圖檔1是置於前景的圖檔,圖檔2是背景圖。

「background-repeat: repeat; 」→ 是背景圖重覆整個頁面,no-repeat 表示不重覆圖片,repeat-y 表示垂直重覆,repeat-x 表示水平重覆。

Background-position: 100% 100% 來設定背景圖的位置,第一個 %數是水平位置,數目越大越右邊,第二個%數是垂直位置,數目越大越往下。(如果背景圖重覆整個頁面時,此項就沒作用)

 --隨意玩網--語法練習--
△TOP