Как установить размытие фона текста в html

Question

Я написал код в html, чтобы сделать размытым фоном изображения, но он устанавливает весь текст плюс фон изображения для размытия. Как это решить?

<div style="background-image: url('Images/aaboutus.jpg'); -webkit-filter: blur(2px); height: 700px; background-repeat: no-repeat; "> 

    <table border="0" align="center" frame="box" style="height: 400px;"> 

<tr> 
<td> 
<p>Hello World</p> 
</td> 
</tr> 
</table> 
</div> 

Answer 1

<div style="height: 700px;"> 
    <img src="Images/aaboutus.jpg" style="-webkit-filter: blur(2px);" /> 
    <table border="0" align="center" frame="box" style="height: 400px;"> 
     <tr> 
     <td> 
      <p>Hello World</p> 
     </td> 
     </tr> 
    </table> 
    </div>