CSS3 HSLa - To: CSS3 - Information and samples

Code used in this page

.alpha70 {
	position: relative;
	z-index: 2;
	width: 100px;
	height: 100px;
	color: #fff;
	margin-top: -30px;
	padding: 10px;
	
	/* Fallback for web browsers that doesn't support RGBa */
	background: #f00; /* Note: set to transparent for IE */
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FF0000,endColorstr=#B2FF0000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FF0000,endColorstr=#B2FF0000)";
	
	/* HSLa with 0.7 opacity */
	background: hsla(0, 100%, 50%, 0.7);
}