เว็บไซต์นี้เพิ่งย้ายโฮสต์เว็บ
มันแสดงผลดีสำหรับฉันใน IE10 แต่ใน Chrome และ Opera มันแสดงเป็นหน้าขาวที่มีภาพแตก
ถ้าฉันล้างแคชของฉันสิ่งเดียวกันจะเกิดขึ้น
ถ้าฉันดูสำเนาของ index.html ใน Chrome มันจะแสดงผลดี (พร้อมโค้ด HTML เหมือนกันกับเวอร์ชั่นออนไลน์)
เหตุใดรุ่นออนไลน์จึงแสดงอย่างไม่ถูกต้องใน Chrome แต่รุ่นท้องถิ่นแสดงผลได้ดี
คำตอบ:
หน้านี้ใช้ได้ดีสำหรับฉันใน Firefox และ Chrome คุณจะต้องเริ่มทำให้ปัญหาแคบลง เมื่อคุณล้างแคชแล้วคุณสามารถลองใช้ส่วนขยายต่อไปได้ หากคุณรู้สึกสร้างสรรค์คุณสามารถดาวน์โหลด Chrome เวอร์ชันพกพาจาก PortableApps และดูว่ามันทำงานในเบราว์เซอร์เวอร์ชันใหม่หรือไม่
ฝ่ายสนับสนุนของ Google ยังมีหน้าคำแนะนำสำหรับปัญหาดังกล่าวที่นี่หากคุณต้องการดู คำแนะนำรวมถึงการลองหน้าในโหมดไม่ระบุตัวตน
ฉันไม่ได้ถ้าสิ่งนี้เกี่ยวข้องโดยตรงกับปัญหาของคุณ แต่ฉันมีข้อร้องเรียนเล็กน้อยเกี่ยวกับวิธีการตั้งค่าพื้นหลังของหน้า
คุณกำลังตั้งค่าภาพพื้นหลังสำหรับhtmlองค์ประกอบและคุณกำลังจัดแต่งbodyองค์ประกอบ มันอาจเป็นการปฏิบัติที่ดีกว่าถ้าปล่อยให้htmlองค์ประกอบนั้นไม่ถูกแตะต้องและนำพื้นหลังไปใช้กับbodyองค์ประกอบและทำการจัดแต่งทรงผมที่เหลือในองค์ประกอบคอนเทนเนอร์อื่นหากจำเป็น สิ่งหนึ่งที่อาจเป็นอันตรายถึงแม้จะห่างไกลออกไปเล็กน้อยคือส่วนขยายหรือเบราว์เซอร์ตัดสินใจที่จะทำให้bodyองค์ประกอบนั้นมีพื้นหลังสีขาวทึบดังนั้นจึงครอบคลุมพื้นหลังของคุณ
ภาพค่อนข้างหนักที่ 616 kB หากล้มเหลวในการโหลดไม่ว่าจะด้วยเหตุผลใดก็ตามหรือหากโหลดช้าผู้ใช้จะไม่เห็นข้อความเทียบกับพื้นหลังสีขาวเริ่มต้น ฉันขอแนะนำให้ใส่สีด้วยในแอตทริบิวต์พื้นหลังเป็นทางเลือก
นอกจากนี้คุณกำลังระบุรูปภาพพื้นหลังเป็น URL สัมพัทธ์../img/bg.jpgซึ่งอาจเป็นปัญหาหากคุณมีโครงสร้างลิงก์มากกว่าสองระดับ ในความคิดของฉันมันจะเป็นการดีที่จะระบุว่าเป็นที่อยู่ที่แน่นอนแทนที่จะเป็นญาติ
สองจุดหลังจะให้รหัสที่แนะนำของสิ่งที่ชอบ:
background: #0a0102 url(/img/bg.jpg) no-repeat center center fixed;