CSS blur on background image but not on content
问题 I did this example. I\'m trying to blur the background image, but the main content is blurred too (the <span> ) How can I blur the background without blurring the content? 回答1: You could overlay one element above the blurred element like so DEMO div { position: absolute; left:0; top: 0; } p { position: absolute; left:0; top: 0; } 回答2: jsfiddle .blur-bgimage { overflow: hidden; margin: 0; text-align: left; } .blur-bgimage:before { content: ""; position: absolute; width : 100%; height: 100%;