javascript - 下拉背景图片由模糊到清晰，尺寸由小变大。

Question

如题，万分感谢。难道只有在p里嵌套一个img标签，再用绝对定位解决么？

Answer 1

用css的background-size 和 rgba()应该能解决问题
`<p class="bg">

      <p class="content">
      </p>

</p>
`
事件触发时背景的p的background-size 增大到150%之类的，.content的background:rgba(0,0,0,0.8) 0.8一直减到0 。 css用transition或animation来实现过渡变化，或者用js or jq写代码也行