CSS中可以使用背景圖來美化頁面,但是有時候我們需要讓背景圖呈現出灰白的效果,那么該怎么做呢?
其實很簡單,只需要使用CSS3的filter屬性即可實現,具體操作如下:
.bg { background-image: url('xxx.jpg'); /*設置背景圖*/ filter: grayscale(100%); /*將背景圖設置為灰白色*/ }
其中,grayscale()函數是CSS3的濾鏡之一,用于將元素的顏色轉換為灰度。取值范圍是0~100%,數值越大,元素就越接近灰白色。
需要注意的是,該屬性只在較新的瀏覽器中支持,低版本的瀏覽器會忽略這個屬性。
總之,使用CSS3的filter屬性可以很方便地實現背景圖的灰白效果,為頁面增添了一份高貴典雅的氣息。
下一篇json怎么相加