如果想要為網頁中的某個圖片添加變灰效果,可以使用CSS的filter屬性來實現。但是如果想讓除某個圖片以外的所有元素變灰,該怎么做呢?以下是一種解決方案:
html { filter: grayscale(100%); } img:not(#gray-scale) { filter: grayscale(100%); }
上述代碼中,我們首先將整個HTML文檔中的所有元素都設為灰色,即filter屬性的grayscale值設為100%。接著,使用CSS3選擇器:not()來排除某個特定的圖片,例如這個圖片的id為"gray-scale",將其它圖片的filter屬性同樣設置為grayscale(100%)。
需要注意的是,該方法只適用于一般的圖片,如果有其他元素(例如SVG)需要適用相同的變灰效果,需要另外編寫相應的CSS。