css过滤白色,使用CSS3模糊滤镜时,白色模糊的图像？

今天我虽然重新设计了我的网站,但从不同的方式来处理.而不是专注于排版,虽然我只是添加一个大的图像和一点点文字.我完成了：

html {

background: url(../img/background.png) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

filter: blur(10px);

-webkit-filter: blur(10px);

-moz-filter: blur(10px);

-o-filter: blur(10px);

-ms-filter: blur(10px);

}

…但是当我在浏览器中看到(Chrome版本26.0.1386.0 dev,在Ubuntu 12.10上运行)时,图像模糊,但也存在褪色的白色框架. Here is a screenshot of how this problem looks like.

有没有办法解决这个问题？我看了一下this Stack Overflow question,但是无法让它工作(部分原因是这个例子使用了< img>标签,而不仅仅是< html>一个).那个白色框架在美观上看起来并不美观.而不是,图像没有一个白色的框架(这只是我的桌面的屏幕截图,几个窗口打开,所以没有白框).任何想法为什么会发生

感谢您的帮助和时间.

css过滤白色,使用CSS3模糊滤镜时,白色模糊的图像？相关推荐

一个css属性让页面变成黑白色之CSS3 filter(滤镜) 属性
2020年是不平凡的一年,在此缅怀一下在抗击新冠肺炎中牺牲的烈士和因为新冠肺炎去世的同胞们,有时候我们需要让网站的页面变成黑白色彩的,只需要一个css属性filter属性即可: filter 属性定义 ...
FFmpeg进阶:给视频添加模糊滤镜
文章目录全部画面模糊处理部分画面模糊处理在视频的录制过程中很多时候为了保护视频中某些敏感信息不泄露,我们会给对应的视频部位添加模糊处理.这时候就需要用到FFmpeg的模糊滤镜了,模糊滤镜有很多种 ...
html css部分背景模糊效果,CSS3实现模糊背景的三种效果示例
不开头了,直接进入主题. 普通背景模糊效果如下: 使用属性: filter:(2px) 普通背景模糊为了美观不能使背景前的文字模糊,而filter属性会使这整个div的后代并且还会出现白边.也就是说 ...
css常用（2）：毛玻璃、模糊滤镜
1.毛玻璃 .dialog {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rg ...
css动画结束闪烁,每个无限CSS3动画结束时的毛刺/闪烁/眨眼
必须遵守的代码,但jsFiddle完全证明了这个问题.我有一个圈子可以在3秒内扩展和淡出.声纳风格是我的意图.问题在于动画完成后"快速闪烁",然后重新开始.每个无限CSS3动画结束 ...
【前端开发基础】CSS基础知识以及CSS3
文章目录一.CSS层叠样式 (一) 目标 1.CSS简介 1.1 HTML的局限性 1.2 CSS网页的美容师 1.3 CSS语法规范 1.4 CSS代码风格 (1)样式格式书写 (2)样式大小写风 ...
巧用 CSS3 filter(滤镜) 属性
原文链接:CSS3 filter(滤镜) 属性效果预览 filter: grayscale(100%); 定义和使用 filter 属性定义了元素(通常是<img>)的可视效果(例如:模 ...
css3 filter url,CSS3 filter(滤镜) 属性
CSS3 filter(滤镜) 属性实例修改所有图片的颜色为黑白 (100% 灰度): img { -webkit-filter: grayscale(100%); /* Chrome, Safa ...
CSS3实现毛玻璃（图片模糊）效果
**首先看效果** **引入下题** HTML: <img id="blur" src="img/back.jpg"> CSS3: #blur{ f ...

css过滤白色,使用CSS3模糊滤镜时,白色模糊的图像？

css过滤白色,使用CSS3模糊滤镜时,白色模糊的图像？相关推荐

最新文章

热门文章