如何在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>