วิธียืดพื้นหลัง

สารบัญ:

วิธียืดพื้นหลัง
วิธียืดพื้นหลัง

วีดีโอ: วิธียืดพื้นหลัง

วีดีโอ: วิธียืดพื้นหลัง
วีดีโอ: เทคนิคการขยายภาพให้จุดสนใจมีสัดส่วนเท่าเดิมด้วย Content Aware Scale 2024, อาจ
Anonim

การยืดพื้นหลังบนหน้าเว็บไม่ใช่เรื่องง่าย เคล็ดลับเล็กน้อยจะช่วยได้ที่นี่ ขั้นแรกให้สร้างสองชั้น - สำหรับรูปภาพและเนื้อหาของหน้า จากนั้นกำหนดตำแหน่งของแต่ละคน เลเยอร์ที่มีรูปภาพถูกขยายเป็น 100% ของขนาดหน้า และมุมบนซ้ายของเลเยอร์ถูกกำหนดเป็นจุดศูนย์ของรายงาน หลังจากรวมเลเยอร์เข้าด้วยกัน หน้าเพจจะมีรูปลักษณ์ที่แตกต่างไปจากเดิมอย่างสิ้นเชิง

วิธียืดพื้นหลัง
วิธียืดพื้นหลัง

มันจำเป็น

การเชื่อมต่ออินเทอร์เน็ต แหล่งข้อมูลบนเว็บ

คำแนะนำ

ขั้นตอนที่ 1

ใช้แท็กสร้างเลเยอร์สองชั้น - layer1 และ layer2 หนึ่งในนั้นคือภาพล่างและอีกอันหนึ่งคือเนื้อหาของหน้าเว็บ

ขั้นตอนที่ 2

กำหนดลำดับของเลเยอร์โดยใช้แอตทริบิวต์สไตล์ดัชนี z โปรดทราบว่ายิ่งค่าของพารามิเตอร์ที่ระบุสูงเท่าใด เลเยอร์ที่มีอยู่ในปัจจุบันก็จะยิ่งสูงขึ้นเมื่อเทียบกับเลเยอร์อื่นๆ กำหนดตำแหน่งที่แน่นอนสำหรับแต่ละเลเยอร์ที่คุณสร้าง

ขั้นตอนที่ 3

ตั้งค่า layer1 เป็น 100% ความกว้างและความสูง ตั้งค่าพิกัดของมุมบนซ้ายเป็นศูนย์เริ่มต้น วิธีนี้จะช่วยกำจัดแถบเลื่อนแนวนอน

ขั้นตอนที่ 4

รวมเลเยอร์