หากคุณยังคงกังวลเกี่ยวกับความไม่สมบูรณ์ของข้อความที่โปร่งใสของพื้นหลังฉันขอแนะนำให้คุณดู แน่นอนว่าฉันยอมแพ้ IE6 ดังนั้นอย่าบอกว่าไม่มีรูปภาพ PNG8 ที่ไม่มีประสิทธิภาพภายใต้ IE6 แน่นอนว่าคุณสามารถใช้ตัวกรองได้ ฉันไม่แนะนำให้ใช้ตัวกรอง เพราะสิ่งนี้อาจมีปัญหาอื่น ๆ ! (ถ้าคุณไม่สามารถคลิกและรอ ฯลฯ ) ความกลัวที่สุดของส่วนหน้าคือข้อผิดพลาดโดยเฉพาะ IE6 เปิดตัว IE6!
แกนกลางของบทความนี้คือการใช้ PNG32 ภาพโปร่งใสเพื่อสร้างพื้นหลังแล้ววางพื้นหลัง ด้วยวิธีนี้จะไม่มีข้อความโปร่งใสในพื้นหลัง มันง่ายมากที่จะทำเช่นนั้น!
รูปภาพต้องปรับความโปร่งใสเท่านั้น
เพียงบันทึกความโปร่งใสของรูปภาพเป็น 20%ใน PSD เป็น PNG
(อย่าตั้งค่าโหมดเป็นสีเทานี่จะกลายเป็น png8 และไม่มีความโปร่งใส)
พื้นหลังมีความโปร่งใสและข้อความทึบแสง ฮ่า. IE 6 กำลังออกไป! การสนับสนุน: IE7.0+/FF3.0+/OperA10+/Chrome/Safari การทดสอบทั้งสองผ่าน
แผนที่เอฟเฟกต์มีดังนี้:
รหัสที่สมบูรณ์มีดังนี้:
คัดลอกรหัสรหัสดังนี้:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> IE7+พื้นหลังโปร่งใสข้อความทึบข้อความและวิธีการง่ายๆสุด ๆ </title>
<style>
p {margin: 0;
.BG {ความกว้าง: 280px;
.BG1 {พื้นหลัง: #000; สี: #FFF;}
.bg2 {พื้นหลัง:#f60;}
.com {พื้นหลัง: url (http: //images/css_bg.png) ทำซ้ำ 0 0;
</style>
</head>
<body>
<div>
<div> <p> พื้นหลังมีความโปร่งใสและข้อความเป็นทึบแสง ฮ่า. IE 6 Get Oks <br/> การสนับสนุน: <br /> ie7.0+/ff3.0+/opera10+/chrome/safari <br/> ผ่านการทดสอบทั้งหมด ความโปร่งใสคือ: 20%</p> </div>
</div>
<div>
<div> <p> พื้นหลังมีความโปร่งใสและข้อความเป็นทึบแสง ฮ่า. IE 6 Get Oks <br/> การสนับสนุน: <br /> ie7.0+/ff3.0+/opera10+/chrome/safari <br/> ผ่านการทดสอบทั้งหมด ความโปร่งใสคือ: 20%</p> </div>
</div>
</body>
</html>