คุณสมบัติ -moz-opacity
คุณสมบัติ -moz-opacity ของภาพใช้ตั้งค่าความทึบของภาพ ใช้สร้างภาพโปร่งใสใน Mozilla IE ใช้ filter:alpha(opacity=x) สำหรับสร้างภาพโปร่งใส
ตัวอย่าง
ลองรันโค้ดต่อไปนี้เพื่อจัดสไตล์รูปภาพและตั้งค่าความทึบด้วย CSS:
<html>
<head>
</head>
<body>
<img style="border:1px solid red; -moz-opacity:0.2; filter:alpha(opacity=50);"
src="https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />
</body>
</html>
คุณสมบัติความทึบ (Opacity) แบบทันสมัย:
- opacity - มาตรฐาน CSS3 รองรับทุกเบราว์เซอร์ใหม่ (0.0 - 1.0)
- -moz-opacity - Firefox เก่า (deprecated)
- filter:alpha(opacity=x) - IE เก่า (deprecated, x = 0-100)
แนะนำ: ใช้ opacity: 0.5; เพียงอย่างเดียว
