วิธีทำให้ Background Image ไม่เลื่อนไปไหน ทั้งใน IE และ Firefox, Netscape เรื่องของ Background คงจำกันได้ว่ามีหลายๆ ท่านได้พูดถึงกันไปแล้ว ว่าจะทำอย่างไร ถึงจะให้ภาพของเรามาเป็นภาพ Background ของ Bloggang ได้ .. ผมขอทวนละกันนะครับ ว่าจะเอาไฟล์ภาพของเรา (หรือของผู้ใจบุญ) มาเป็น Background ได้อย่างไร .. นี่ครับ <script>    document.body.background="//www.ขอให้รวยขอให้รวย.com/folder/myBackground.jpg"; </script> ง่ายๆ เท่านี้ล่ะครับ แล้วก็เอา code ตรงนี้ไปไว้ที่ Profile นะครับ แค่นี้ Bloggang ของเราก็มี Background แล้ว เดี๋ยวๆๆๆ ... ยังไม่จบครับ ยังไม่ได้พูดถึงหัวข้อที่ผมเกริ่นเลย .. คืออย่างนี้ครับ กรณีนี้จะเกิดกับรูปใหญ่ๆ ที่ทำมาค่อนข้างพอดีกับหน้าจอ ไม่ใช่ชิ้นเล็กๆ แล้วให้มันวนไป ซึ่งแบบนั้นมันจะต่อกันเอง .. อย่างนั้นมันเป็น Pattern แต่ถ้ารูปใหญ่อย่างว่า มันจะเริ่มมีปัญหาแล้วครับ ... ปัญหาก็คือ ... เมื่อ Scroll ลงมา ภาพมันจะเลื่อนมาด้วย!! โอ๊ะพลาดซะแล้วววว .. (บางคนรีบเอาเมาส์มารูด scroll bar กันเลยเชียว อิอิ) สำหรับปัญหาอันนี้นะครับ เราแก้ไขได้ด้วยการเพิ่มคำสั่งนี้ลงไป <script>    document.body.bgProperties="fixed"; </script> แค่นี้ภาพ background ของเรามันก็ไม่เลื่อนแล้วครับ ... โอเยสสสสสสสสส เอ๊ะ!! .. เดี๋ยวๆๆๆๆๆ ตัวอย่างข้างบนนั่นมันใช้ได้เฉพาะเครื่องที่ดูด้วย Internet Explorer นี่นา (วินมอเตอร์ไซค์ปากซอยเรียกย่อๆ ว่า IE) แต่เดี๋ยวนี้มี Browser หลายตัวมาก ที่นิยมกันหนักในตอนนี้คือ Firefox ครับ ซึ่ง firefox เจอคำสั่งนี้ก็ใบ้ไปเลยครับ ไม่สนใจเลย เพราะอะไรเหรอครับ เพราะ bgProperties ที่เราใช้น่ะ มันไม่ใช่มาตราฐานน่ะสิครับ มันเป็นสิ่งที่ Microsoft กำหนดขึ้นมาเองต่างหาก ดังนั้น Browser ตระกูล Mozilla เช่น Netscape หรือ Firefox จะเมินอย่างไม่มีเยื่อใยกันเลยล่ะ แล้วเราจะทำยังไงกับเครื่องที่เปิดดูด้วย Firefox และ Netscape กันดีล่ะ? ปัญหานี้ มีหลายคนบ่นๆ ให้ได้ยินกันอยู่เหมือนกันครับ เพราะว่าที่ทำกับ IE ก็นึกกันว่ามันจะ OK นะคะ กันซะแล้ว แต่ที่ไหนได้ มันไม่ได้ดั่งใจกันเอาซะเลย ... แต่.. ไม่ยากครับ เราก็เอาสิ่งที่เป็นมาตราฐานมาใช้สิครับ ซึ่งก็คือเอา Style Sheet มาใช้งานนั่นเองครับ.. ดังนี้ครับ <style>body{    background-attachment: fixed; } </style> เอา code ข้างบนเพิ่มเข้าไปนะครับ ตัวข้างบนนี่ไม่ใช่ Javascript เหมือนอย่างที่ IE ใช้ แต่เป็น CSS ที่เป็นมาตราฐาน ดังนั้นทั้ง Netscape และ Firefox จะยินยอมและอ่อนเป็นเทียนลนไฟกันเลยล่ะครับ เอ้า .. ลองทำกันดูนะครับ ใครทำสวยๆ แล้วเอามาอวดกันบ้างนะครับ ช่วงนี้ผมไม่ค่อยได้ไปดู blog คนอื่นเท่าไหร่ เพราะช่วงนี้ทำงานตัวเป็นขนกันเลยล่ะครับ .. อิอิ ปล. บทความเกี่ยวกับ Javascript และ CSS ที่เรียกใช้งานจากภายนอก Blog คลิกอ่านได้ที่นี่ครับ เพราะเพื่อนๆ บางคนอาจจะต้องการทำเป็นไฟล์ต่างหาก และเรียกใช้จากข้างนอก blog ครับ   Create Date : 31 มีนาคม 2548 40 comments Last Update : 31 มีนาคม 2548 3:13:03 น. Counter : 6918 Pageviews. Share Tweet

ไม่เลื่อนแล้วคับ เย้ๆ ชอบ bg จัง เก๋ดี   โดย: THE BEGINNING 31 มีนาคม 2548 3:35:57 น.

อันนี้มันเลื่อนในจิ้งจกไฟอ่ะค่ะพี่กึ่ง   โดย: Nutjung 31 มีนาคม 2548 4:13:07 น.

ใช้อยู่ได้สักพักแล้วค่ะ พื้นหลังใหม่สวยเรียบดีจังค่ะ   โดย: V-FAN 31 มีนาคม 2548 5:10:07 น.

อิอิอิ น้ากึ่งไหนว่าจะคงความขลังไงน้าคับ เปลี่ยนซะแล้วเหรอออออ   โดย: รำเพย 31 มีนาคม 2548 5:45:19 น.

ว้าววว Theme ใหม่ ไฉไล กิ๊บเก๋ วัยรุ่นมากๆคร้าบ   โดย: หมาร่าหมาหรอด 31 มีนาคม 2548 7:33:20 น.

คราวก่อนโน้นเพื่อนให้โค้ดมาหงะค่ะ ยาวมั๊ก ๆ ๆ ปล. bg สวยแปลกตาไปอีกแบบนะทั่น   โดย: น.ส.มารร้าย 31 มีนาคม 2548 7:59:02 น.

บีจีเก๋เชียว   โดย: prncess 31 มีนาคม 2548 8:13:24 น.

ว้าววววส์เปลี่ยนหน้าตาแร้วเหรอ....จ๋วยดีค่ะพี่   โดย: Mu_in_love (Mu_in_love ) 31 มีนาคม 2548 8:30:35 น.

โหย คุณพี่ เราล่ะไม่อยากเข้ามาแถวนี้เลย เจอ blog ไฮโซๆ แบ่บนี้ อายเลยง่ะ ...   โดย: คุณน้อง อซ. เจ้าของ blog ยาจก IP: 203.151.140.114 31 มีนาคม 2548 11:26:38 น.

ว๊าว ขอบคุณคร๊าบบบ   โดย: Jumping Monkeyy 31 มีนาคม 2548 11:43:25 น.

อั่นแน่ ทำไรอ่ะ มีป้ายแปะหัวcommentด้วยเหรอเนี่ย ไม่ย้อมๆๆ   โดย: หมาร่าหมาหรอด 31 มีนาคม 2548 12:27:02 น.

ความคิดเห็นเก๋มั่กๆๆๆๆ บ๊อกไฮโซวมั่กๆๆๆๆ บ๊อกหมาร่าชิดซ้ายๆๆ กิ๊วๆ   โดย: บ่างช่างยุค่า ฮ่าๆ (=p o o k p u i= ) 31 มีนาคม 2548 12:40:42 น.

คห.ที่ 12ที่แวะมาตอบ log   โดย: กลัวที่หนาย 31 มีนาคม 2548 12:41:01 น.

เฮ้ยยย ปุ๋ยดันมาแซง   โดย: กลัวที่หนาย 31 มีนาคม 2548 12:43:09 น.

อิจฉาด้วยยยยยยยยยยยยยยยยยยยยย ง่ะๆๆ   โดย: ช้อนชาฯ จอมคร่ำครวญ IP: 203.154.25.149 31 มีนาคม 2548 12:56:09 น.

คุณกึ่งยิงกึ่งผ่านครับ ผมขอ Back Ground สีฟ้า ๆ อันเก่าที่ผ่านมาของคุณได้ไหมครับ สวยดีอ้ะครับ พอดีพึ่งเป็นมือใหม่หัดทำบล็อก ส่งมาได้ที่ ohmpanuphan@hotmail.com   โดย: ohmpanuphan (SNOOPPY ) 31 มีนาคม 2548 13:25:57 น.

Bg สวยมากครับ ^^   โดย: <Strawberry Milk Shake> 31 มีนาคม 2548 14:10:22 น.

เย้ ตอบมั่ง อยากได้ที่คาดหัว อิอิ ชอบ Background เดิม มากกว่าค่า   โดย: Together In 80s Dream 31 มีนาคม 2548 14:24:01 น.

kljjkik   โดย: jjk IP: 61.91.167.180 31 มีนาคม 2548 15:22:46 น.

ยินดีด้วยค่ากับรางวัลที่ได้ ไม่อยู่ไม่กี่วัน เทคนิคใหม่ๆ เพียบ ขอบคุณค่ะ ^^ ...   โดย: ขอบคุณที่รักกัน (blueberry_cpie ) 31 มีนาคม 2548 17:59:01 น.

เทห์มากเลยคะ .. ขอขอบคุณความรู้ที่มอบให้คะ .. ขออนุญาตAddนะคะ .. ขอขอบคุณด้วยความจริงใจอีกครั้งคะ ..   โดย: หนี่หนีหนี้ 31 มีนาคม 2548 18:57:46 น.

themeสวยค่ะพี่กึ่ง^^ มีนับจำนวนคอมเม้นท์ด้วย ว๊าวๆๆ   โดย: ซินเด๋อเหลอหลา 31 มีนาคม 2548 19:37:44 น.

theme หน้าตาสวยงาม เจ๋งงงงงงง   โดย: Where is the Love ? 31 มีนาคม 2548 22:11:42 น.

ขอบคุณมากนะคะ จะพยายามนำไปใช้ให้ได้ค่ะ กุชชี่กับเวจจี้ยินดีต้อนรับนะคะ Gucci & Veggie ++จิ้มนู๋เลยก๊ะ++   โดย: ถั่วแดงเย็น 31 มีนาคม 2548 23:44:23 น.

ขอบคุณมั่กๆค่ะ เดี๋ยวลองทำดูมั่งดีกว่า   โดย: อพันตรี (อพันตรี ) 1 เมษายน 2548 0:27:08 น.

ขอบคุณค๊า   โดย: yadegari 1 เมษายน 2548 0:41:22 น.

มาขอบคุณค่ะ แต่ยังไม่มีเวลาเอาไปใช้เลยง่ะ มีเวลาเยอะๆ เมื่อไหร่ จะแวะมาขอไปใช้อีกรอบนะค้า   โดย: สาวไกด์ใจซื่อ 1 เมษายน 2548 11:56:31 น.

โหพี่กึ่ง เก่งแล้วยังใจดีด้วยอ่ะ น่ารักที่สุดเล้ย   โดย: umae 1 เมษายน 2548 22:52:02 น.

อิอิ ก๊อบๆๆๆๆ ลัลล้า~*   โดย: * ค น พ เ น จ ร * 1 เมษายน 2548 22:55:01 น.

ขอบคุณมากๆค่ะ   โดย: โลกส่วนตัว 1 เมษายน 2548 23:12:40 น.

ขอบคุณห้าพันครั้งครับ ครั้งที่หนึ่ง ครั้งที่สอง ครั้งที่สาม........ครั้งที่สี่พันสี่ร้อยเก้าสิบเก้า......ครั้งที่ห้าพัน   โดย: yyswim 2 เมษายน 2548 0:47:28 น.

เข้ามาเยี่ยมตามเคยครับ ...ชอบ กีต้าร์จัง ไม่รู้ใช่ les paul ของจริงเปล่านะครับนั้น 5555   โดย: MooG.G 2 เมษายน 2548 17:24:48 น.

โอ้ย...ไม่ไหว ตอนนี้สมองไม่สามารถแล้วครับ แต่ Blog นี้มีประโยชน์มากเลย อยากบอกว่า คุณเก่งจริงๆ นับถือครับ   โดย: ชยานนท์ 2 เมษายน 2548 20:09:59 น.

. . . ไว้ว่างๆ จะทำใอวดนะน้า . .   โดย: d4b IP: 203.151.140.113 3 เมษายน 2548 10:54:21 น.

มึนตึ๊บบ...   โดย: dont IP: 203.121.149.38 3 เมษายน 2548 11:11:00 น.

ขอบคุณมากค่ะ ไปทำโดยพลัน   โดย: *+ขอนลอย คอยรัก+* 5 เมษายน 2548 17:07:28 น.

Thx a Lot   โดย: Adct2Luv (addicted to love ) 8 เมษายน 2548 15:35:26 น.

ขอแอดบล้อกนาครับ ไปเยี่ยมหน่อยครับ   โดย: note-d 20 เมษายน 2548 9:22:49 น.

**มานั่งดูวิธีการใส่โค๊ต อย่างเปิดเผยนะจ้า** **มีให้ดู คงไม่ว่า ขโมยไปอีกนะจ้า**   โดย: จอมแก่นแสนซน 16 กรกฎาคม 2548 21:58:46 น.

จาวางตรงไหนอ่ะเฮีย คุณน้องทำในdreamweaver มือใหม่ งง ชิบ วอนท่านจอมยุทธ์ช่วยคุณน้องที ฮือๆๆๆๆๆ   โดย: นนนี่ IP: 180.183.51.4 17 ตุลาคม 2552 23:45:48 น.