HTML代碼中有很多可以用來達到虛化效果的屬性。
opacity: 0.5; /* 透明度 */ filter: alpha(opacity=50); /* IE透明度 */ background-color: rgba(0,0,0,0.5); /* 顏色透明度 */ box-shadow: 0 0 10px rgba(0,0,0,0.5); /* 陰影透明度 */ text-shadow: 0 0 10px rgba(0,0,0,0.5); /* 文字陰影透明度 */
其中opacity、filter、background-color都是可以設置顏色透明度的屬性。
當opacity和filter都存在時,以IE瀏覽器為準,因為IE不支持opacity屬性,只能使用filter。
當需要同時設置文本的虛化效果時,可以使用text-shadow屬性加上顏色透明度,實現文字陰影的效果。