ทรัพย์สิน CSS "ความโปร่งใส" - วิธีง่ายๆในการทำให้เว็บไซต์ของการออกแบบที่น่าสนใจมากขึ้น

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

พารามิเตอร์ระบุองค์ประกอบของความโปร่งใส

พารามิเตอร์ในการควบคุมความโปร่งใสขององค์ประกอบของหลาย พวกเขาจะใช้ขึ้นอยู่กับวัตถุประสงค์ที่เฉพาะเจาะจงเช่นเดียวกับเบราว์เซอร์ซึ่งอยู่ภายใต้การ "ปรับ" การออกแบบ เหล่านี้รวมถึงคุณสมบัติดังต่อไปนี้:

• ความทึบแสง;
• กรอง;
• PNG ภาพเป็นพื้นหลัง

มูลค่าทรัพย์สิน CSS "ความโปร่งใส" มีการเปลี่ยนแปลงดังนี้จำนวนที่สูงที่ต่ำกว่าระดับของความโปร่งใสขององค์ประกอบ ทึบก็แตกต่างกันไป 0-1 ในตัวกรอง - ตั้งแต่วันที่ 10 ถึง 100 และหลังใช้สำหรับเบราว์เซอร์ Interet Explorer และอื่น ๆ คุณสมบัติทึบบังคับ

โปร่งใสภาพ (เปลี่ยนแปลง)

ขอเริ่มต้นด้วยตัวเลือกที่จะปรากฏโปร่งใสเมื่อคุณย้ายรายการ โดยการลากเมาส์

ขอให้เราพิจารณาวิธีการระบุความโปร่งใสของภาพ CSS มีสองตัวเลือก การทำเช่นนี้คุณจะต้องลงทะเบียนโดยตรงในรหัส html เอกสารดังต่อไปนี้:

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

ลักษณะเดียวกันสามารถกำหนดใน CSS เอกสารและรหัสแหล่งที่มาเพื่อเพิ่มการอ้างอิงถึงมัน ผลการเปิดออกเหมือนกัน

ความโปร่งใสของข้อความและหน้าบล็อก

ในฐานะที่เป็นข้อความหรือบล็อก (div โปร่งใส) ที่ CSS มีตัวเลือกของมันคล้ายกับการสร้างภาพโปร่งใสคุณต้องใช้การเชื่อมต่อ CSS ไฟล์ที่พารามิเตอร์ที่ต้องการมีการตั้งค่า คุณสามารถไปและเป็นวิธีที่ง่าย เมื่อคุณตั้งค่ารูปแบบบล็อกสไตล์ div หรือพีข้อความกำหนด HTML รหัสต่อไปนี้เพื่อ onmouseover และ MV โดนองค์ประกอบ ตัวเลือกทั้งสองทำงานและผลิตผลลัพธ์ที่ต้องการ

ความโปร่งใสอย่างต่อเนื่อง

ในบางกรณีความโปร่งใสของวัตถุที่เป็นองค์ประกอบของการออกแบบหรือข้อความที่คุณต้องการตั้งค่าอย่างต่อเนื่อง ในสถานการณ์เช่นนี้การแก้ปัญหาคือได้ง่ายกว่าเมื่อคุณเลื่อนเคอร์เซอร์ของเมาส์

องค์ประกอบ css เพื่อความโปร่งใสจะได้รับโดยรหัสดังต่อไปนี้ ในรูปแบบบล็อก div กำหนดค่าสำหรับพื้นหลัง (เช่น # ff8800) ความทึบแสง (เช่น 0.5) และความกว้าง (กว้าง) และช่องว่าง (ช่องว่าง)

สำหรับภาพค่ารหัสจะทำและกรองความทึบแสงและระบุเส้นทางไปยังภาพ

RGBA-วิธี

มีตัวเลือกอื่น ๆ สำหรับการใช้ CSS คุณสมบัตินี้มีความโปร่งใสสามารถนำไปใช้สีฐานขององค์ประกอบของการออกแบบใด ๆ โดยจะใช้วิธีการ RGBA ตัวอักษรสามตัวแรกที่ยืนสำหรับสีพื้นฐาน (สีแดง, ฟิชชัน, สีฟ้า) และที่ผ่านมา - อัลฟาซึ่งกำหนดระดับของความโปร่งใส โดยใช้รูปแบบ RGBA กำหนดความโปร่งใสชี้ไปที่หลักสุดท้าย ยกตัวอย่างเช่น: พื้นหลัง: RGBA (240,2,33,0.4035)

ข้อสรุป

จึงใช้ในหลักสูตรของการทำงานในเว็บไซต์ที่ออกแบบคุณลักษณะที่เรียบง่าย แต่มีประสิทธิภาพ CSS "ความโปร่งใส" คุณสามารถทำให้มันเป็นองค์ประกอบที่น่าสนใจมากขึ้นและเห็นได้ชัดเจนขึ้นด้วยความพยายามน้อย embodiments อธิบายคุณสมบัติโปร่งใสที่กำหนดเองจะช่วยให้คุณมีนี้