HTML – 如何从模糊背景图像中删除白色边框
发布时间:2020-12-14 23:43:02 所属栏目:资源 来源:网络整理
导读:如何从背景图像中删除白色模糊边框. div class="background-image"/div CSS,我尝试添加保证金:-10px但它不起作用 .background-image { background: no-repeat center center fixed; background-image: url('http://www.hdpaperz.com/wallpaper/original/win
如何从背景图像中删除白色模糊边框.
<div class="background-image"></div> CSS,我尝试添加保证金:-10px但它不起作用 .background-image { background: no-repeat center center fixed; background-image: url('http://www.hdpaperz.com/wallpaper/original/windows-8-wallpapers-2560x1600-2311_1.jpg') ; background-size: cover; display: block; height: 100%; left: -5px; top:-5px; bottom:-5px; position: fixed; right: -5px; z-index: 1; margin:0px auto; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } http://jsfiddle.net/maio/8wq132nd/1/ 解决方法
最简单的方法是添加transform:scale(1.1).
试试吧 here. #overlay { position: fixed; left: 22.5em; top: 3em; height: 75%; width: 50%; background: url("https://s-media-cacheak0.pinimg.com/originals/ae/b4/c5/aeb4c53cab2b550187644af503a0f17e.png"); background-size: cover; filter: blur(9px); transform: scale(1.1); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |