CSS5透明代碼是CSS中一項重要的技術,它可以讓網頁的元素變得透明,給人一種虛幻的感覺。
/* CSS5透明代碼 */ opacity: 0.5; /* 設置透明度為50% */ /* IE透明代碼 */ filter: alpha(opacity=50); /* 同樣設置透明度為50% */
在以上代碼中,opacity
是標準的CSS5透明度設置屬性,取值范圍為0到1,0表示完全透明,1表示完全不透明。如果要設置透明度為50%,則設置為opacity: 0.5;
即可。
而filter: alpha(opacity=50);
則是IE透明代碼,在早期的IE瀏覽器中透明度設置沒有標準化,需要使用特殊的filter
屬性來實現透明效果。其中,alpha
表示透明濾鏡,opacity=50
表示透明度為50%。
需要注意的是,opacity
和filter
在使用時,會對元素的子元素也產生影響,如果要針對子元素設置不同的透明度,需要給子元素單獨設置透明度屬性。