请教CSS，在有背景图的背景层上使用模糊滤镜，把内层的文字也模糊了，求不模糊文字的方法？

Posted 2023-05-13

求教求教css外层div有background-image背景图上挂了blur模糊滤镜，可把内层ul <li>的文字都模糊了求怎么不模糊文字内容，对内层取消滤镜？
结构

<div id="bg">
<ul><li>文字内容</li><ul>
</div>

参考技术A

本回答被提问者采纳

背景虚化 高斯模糊

coreImage是IOS5中新加入的一个Objective-C的框架，提供了强大高效的图像处理功能，用来对基于像素的图像进行操作与分析。iOS提供了很多强大的滤镜(Filter)，现在有127种之多,随着框架的更新，这一数字会继续增加。这些Filter提供了各种各样的效果，并且还可以通过滤镜链将各种效果的Filter叠加起来，形成强大的自定义效果，如果你对该效果很满意，还可以子类化滤镜。下面将代码贴在下面,与大家分享,如果对框架不熟悉,建议阅读苹果的官方API.

        CIContext *context = [CIContext contextWithOptions:nil];

        CIImage *inputImage = [[CIImage alloc] initWithImage:[UIImage imageNamed:@"[email protected]"]];

        CIFilter *filter = [CIFilter filterWithName:@"CIGaussianBlur"];

        [filter setValue:inputImage forKey:kCIInputImageKey];

        [filter setValue:[NSNumber numberWithFloat:10.0] forKey:@"inputRadius"];

//        CIImage *result = [filter valueForKey:kCIOutputImageKey];

            CIImage *result=[filter outputImage];

        CGImageRef cgImage = [context createCGImage:result fromRect:[inputImage extent]];

        UIImage *image = [UIImage imageWithCGImage:cgImage];

        CGImageRelease(cgImage);

        self.imgView.image=image;

简单易用,推荐使用