背景圖模糊怎么做CSS

CSS中可以使用filter屬性來(lái)實(shí)現(xiàn)背景圖的模糊效果，具體步驟如下：

1、在CSS中設(shè)置背景圖：

background-image: url('image.jpg');

2、應(yīng)用模糊效果：

filter: blur(5px);

5px是模糊半徑的大小，可以根據(jù)需要調(diào)整。

3、如果需要調(diào)整背景圖的位置或大小，可以使用background-position和background-size屬性：

background-position: center;
background-size: cover;

center表示將背景圖居中顯示，cover表示將背景圖拉伸***充滿整個(gè)元素。

需要注意的是，使用模糊效果會(huì)使背景圖變得模糊，可能會(huì)影響頁(yè)面的整體效果，在使用時(shí)需要謹(jǐn)慎考慮，由于CSS的兼容性問(wèn)題，某些瀏覽器可能不支持filter屬性，在使用前需要先測(cè)試頁(yè)面的兼容性。