CSS 背景のみをぼかすには

Question

メインコンテンツの白い背景をぼかそうとしました。
maincontentsにblurをかけると中身の文字までボケるので疑似要素beforeを使いましたが今度はボケなくなりました。
画像のように背景のみをぼかすにはCSSをどう直せばよいでしょうか？

#maincontents {
    margin: auto;
    background-color: #FFFFFF;
    width: 1100px;
}
#maincontents::before {
    content: '';
    filter: blur(8px);
    opacity: 0.5;
    position: absolute;
}

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSSなど）を提示されたほうが回答を得やすいと思います。

Answer 1

画像を使えば簡単に済む話でしたね。