Mask屬性為對象建立一個覆蓋於表面的膜。它的運算式也很簡單：
Filter：Mask（Color=顏色）
只有一個Color參數，用來指定使用什麼顏色作為掩膜。
同樣，我們來看一下一幅圖片在加上mask屬性前後的效果（見下圖）：
加上MASK屬性的效果就好象是在用有色眼鏡看物體一樣。上面的效果的代碼如下：
| 代碼如下 | 複製代碼 |
| <html> <head> <title> mask filter </title> <style>//*設定CSS樣式開始*// <!-- div{position：absolute；top：20；left：40； filter：mask(color：#666699)；} //*定義DIV地區的樣式，絕對位置，mask屬性的color參數值指定用什麼顏色遮 住對象*// p{font-family：bailey；font-size：72pt； font-weight：bold；color：#FF9900；} //*定義P地區內的樣式，字型名稱、大小、粗細、前景色彩*// --> </style> </head> <body> <div> <p> wenyleaf </p> </div> </body> </html> |
|
其實，您就算在代碼中去掉對字型前景色彩的定義，得到的效果還是一樣的。因為有了Mask屬性的定義，它遮罩下的字型顏色的設定就已經失去了意義。
還有一點需要您注意的地方，mask屬性對圖片檔案的支援還是不夠，不能達到應該有的效果。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
