পুরনো ব্রাউজার RGBA সাপোর্ট করে না। স olid রঙ আগে লিখে ফলব্যাক হিসেবে রাখলে পুরনো ব্রাউজারও সেটি দেখাবে।
উদাহরণ: ফলব্যাক কালার
<!DOCTYPE html>
<html>
<head>
<style>
body{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
div {
padding:20px; font-size: 24px;
background-color: purple; /* ফলব্যাক কালার */
background-color: rgba(128, 0, 128, 0.527);
color:white;
}
</style>
</head>
</head>
<body>
<h1>ফলব্যাক কালার উদাহরণ</h1>
<div>এই ডিভের ভিতরে কিছু র্যান্ডম টেক্সট</div>
</body>
</html>
কোড ব্যাখ্যা
- background-color: purple; প্রথমে স olid রঙ — পুরনো ব্রাউজার এটি পাবে।
- background-color: rgba(...); دومে RGBA — আধুনিক ব্রাউজার এটি ওভাররাইড করবে।
- কascade: পরবর্তী ডিক্লেরেশন পূর্বেরটিকে ওভাররাইড করে (যদি সাপোর্ট করা হয়)।
সাপোর্ট নোয়ার ব্রাউজার
IE ৮ এবং নিচে, Opera ৯ এবং নিচে RGBA সাপোর্ট করে না। আধুনিক ব্রাউজার সব সাপোর্ট করে।
আধুনিক পদ্ধতি
CSS Custom Properties (variables) এবং `@supports` ফিচার কোয়েরি ব্যবহার করলে আরও ক্লিন ফলব্যাক হ্যান্ডলিং করা যায়।
