創作內容

12 GP

【CSS】終於做出浮動背景囉~感動>_<

作者：白菊│2007-09-06 03:30:57│巴幣：2│人氣：1606

跟著捲軸跑的叫做浮動背景！！！

以下是教學

先在自定面板中找到

/*--------------------------框架------------------------------*/

裡面有個/*內文的背景色*/

將background:#xxxxxx 改成 background-image : url(網址);

再加上

background-repeat : no-repeat; (圖片不重複)
background-attachment : fixed;(設定背景附著也就是浮動背景)
background-position : 100%(距上邊距離) 100%(距左邊距離);

這樣就大功告成囉！

有興趣的朋友可以試試^^

感謝 wind215068(遺忘)大大補充和lusaka01(璐紗卡)大大的建議^O^

第一次自己找出css語法感動>_<

這次新加入仙四四大主角

可以找找他們的蹤跡唷^O^

缺點就是檔案好像太大嚕

每次進入頁面要按F5才可以正常瀏覽

我也不知道怎麼辦=.="

喜歡 12 收藏 2 引用留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=351339
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：|css浮動背景|

NVIDIA GeForce DirectSR Developer Driver 560.38 WHQL

XPERIA 1VI 鉑金銀開箱

Windows11 KB5037853 (系統組建 226x1.3672) 選用更新 (22H2及23H2通用)

今年難道是2014年

【通知】落日餘痕 06/01 角角者上架，17整點更新。

留言共 19 篇留言

紫琳：
真厲害!!
有時間的話我也要改改我的

09-06 05:57

白菊：
嗯嗯^^09-06 09:24

遺忘：
background-image : url(網址);
background-repeat : no-repeat;
background-attachment : fixed;
background-position : 100% 100%;}

最後一行可以調圖片位子=.=

09-06 07:56

白菊：
謝謝妳的補充^O^09-06 09:24

遺忘：
我要給GP！>///<

09-06 07:59

白菊：
^________________^09-06 09:26

風的名字：
好好喔@@+

這樣很好看耶！

09-06 08:21

白菊：
是哦...是妳不嫌啦^O^09-06 09:27

烈火狂焰：
開網頁會讀取一小段時間

09-06 08:51

白菊：
我正在為這個苦惱>_<09-06 09:27

看什麼!?咬你喔!!：
哇...你的留言板好漂亮喔>"<
我也要做小熊的啦!!!!
改這樣很好看咧~XD
我也來研究看看好了^^
呵呵~

09-06 09:55

白菊：
妳好像真的很喜歡小熊=.=09-06 10:16

看什麼!?咬你喔!!：
對啊XD話說我家的小熊收集品很多，特別是小熊娃娃= =+
多到我姐出聲警告說，叫我同事朋友或是我自己不要再買再送小熊給我了= ="

09-06 10:26

白菊：
滿城盡帶小熊娃娃>_<

妳應該不會聽吧=.="09-06 10:29

侯：
又有新變化啦~
呵呵~
不錯喔~

09-06 11:16

白菊：
呵呵

突然覺得這很有趣=.=09-06 11:29

水靈雲兒：
恭喜恭喜≧﹏≦

你家越用越漂亮囉~讚！^0^

09-06 11:22

白菊：
奇怪...你們都不會覺得圖片都會被拖很長媽=.=?

有點想把他刪掉>_<09-06 11:31

嗯：

我已經懶的再修改CCS( 大概是膩了=　= )
不過還是謝謝你提供的新語法.....

09-06 11:30

白菊：
呵呵

我也有點膩了

只是想到處看到圖片而已=.=09-06 11:32

Secret：
如果色調簡單可以存成256色的gif(忘了在哪看到的.有錯別打我Orz)
或是參考這個http://forum.gamer.com.tw/C.php?bsn=60427&snA=74&locked=F&tnum=4&subbsn=0&Bpage=1&author=destiny147

09-06 11:32

白菊：
嗯...這已經是最小~_~

有嘗試過GIF

不過比JPG大~_________~09-06 14:52