대체 색상은 브라우저가 RGBA 색상을 지원하지 않는 상황에 대한 색상을 지정하는 데 사용됩니다. 대체 색상을 지원하지 않는 일부 브라우저는 Opera 9 이하, IE 8 이하 등입니다. 브라우저가 RGBA 색상을 지원하지 않는 경우에도 단색이 작동할 수 있도록 RGBA 색상 앞에 단색을 지정하십시오.
다음은 CSS에서 대체 색상을 선언하는 코드입니다 -
예시
<!DOCTYPE html>
<html>
<head>
<style>
body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
div {
padding:20px;
font-size: 24px;
background-color: purple; /*fallback color*/
background-color: rgba(128, 0, 128, 0.527);
color:white;
}
</style>
</head>
<body>
<h1>Fallback color example</h1>
<div>Some random text inside this div</div>
</body>
</html> 출력
위의 코드는 다음과 같은 출력을 생성합니다 -
