পুরনো ব্রাউজার সাপোর্টের জন্য ভেন্ডর প্রিফিক্স এবং IE ফিল্টার সহ আধুনিক `opacity` প্রোপার্টি ব্যবহার করা হয়।
উদাহরণ: ক্রস-ব্রাউজার ইমেজ অপাসিটি
<!DOCTYPE html>
<html>
<head>
<style>
body{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
img { width:270px; height:200px; }
.transparent{
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
</style>
</head>
<body>
<h1>অপাসিটি উদাহরণ</h1>
<img src="https://i.picsum.photos/id/505/800/800.jpg" >
<img class="transparent" src="https://i.picsum.photos/id/505/800/800.jpg" >
</body>
</html>
কোড ব্যাখ্যা
- opacity: 0.3: আধুনিক স্ট্যান্ডার্ড।
- filter: alpha(opacity=30): IE 5-9।
- -moz-opacity: 0.3: Firefox < 0.9।
- -khtml-opacity: 0.3: Safari 1.x।
বর্তমান সুপারিশ
২০২৪-এ শুধু `opacity: 0.3` লিখলেই চলবে। লিগেসি সাপোর্ট দরকার না হলে প্রিফিক্স বাদ দিন।
