CSS 中的 opacity 屬性可以用來控制圖像、文本和其他 HTML 元素的不透明度。這個屬性接受一個介于 0(完全透明)和 1(完全不透明)之間的值。opacity 是在 CSS3 中添加的,在瀏覽器中大部分都可以支持。
img { opacity: 0.5; filter: alpha(opacity=50); } div { opacity: 0.8; filter: alpha(opacity=80); }在上面的代碼中,我們使用 opacity 屬性將圖片和 div 元素設置為不透明度。可以看到,opacity 屬性的值是一個小數,這里分別為 0.5 和 0.8。另外,我們還使用 filter 屬性來兼容 IE 瀏覽器的不透明度設置,其值為 0 到 100 之間的整數,這里分別為 50 和 80。
在實際應用中,opacity 可以用來實現許多酷炫的效果,比如制作透明圖片、混合多個顏色、實現漸變過渡效果等等。值得注意的是,opacity 設置的元素并不會脫離文檔流,因此可能會影響到其他元素的布局和排列。 總之,opacity 是一個非常有用的 CSS 屬性,可以幫助我們輕松實現不同的效果和交互。如果你在開發中遇到了什么問題,可以隨時參考文檔和網絡資源,掌握更多的使用技巧和實踐案例。