您的位置:首页 > Web前端 > > 正文

css怎么给背景颜色设置模糊(CSS设置背景图片模糊内容不模糊的解决方法)

更多 时间:2022-01-24 00:53:44 类别:Web前端 浏览量:2732

css怎么给背景颜色设置模糊

CSS设置背景图片模糊内容不模糊的解决方法

css怎么给背景颜色设置模糊(CSS设置背景图片模糊内容不模糊的解决方法)

需求:一个li设置了background: url,现在需要使图片背景模糊,li内的文字清晰显示。

解决方法:内容和图片分别置于一个li,通过css设置背景li模糊度,设置内容li绝对位置,实质上是在底层加了一个li,给这个li设置模糊了。

  • <li class="banner_box">
        <li class="banner_bg" style="background: url(img/shouye2_06.jpg" alt="css怎么给背景颜色设置模糊(CSS设置背景图片模糊内容不模糊的解决方法)" border="0" />
    
  • 总结

    以上所述是小编给大家介绍的CSS设置背景图片模糊内容不模糊的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开心学习网网站的支持!