div图片背景虚化不影响图片上的文字_vue 动态获取图片作为背景 想实现背景模糊文字不模糊的效果...

template>

<div id="playPage" class="blur" v-bind:style="{backgroundImage: 'url(' + albumpic_big + ')'}">

<!--       { {albumpic_big}}-->

<div class="header">

<ul>

<li class="icon">

<img src="../img/unfold.svg">

</li>

<li class="songName">

{ {songName}}

</li>

<li class="icon">

<img src="../img/more.svg">

</li>

</ul>

</div>

<p>-{ {singer}}-</p>

</div>

</template>

#playPag