gpt4 book ai didi

html - 如何从模糊背景图像中去除白色边框

转载 作者:技术小花猫 更新时间:2023-10-29 12:56:29 27 4
gpt4 key购买 nike

如何去除背景图片中的白色模糊边框。

<div class="background-image"></div> 

CSS,我尝试添加 margin:-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);
}

关于html - 如何从模糊背景图像中去除白色边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28870932/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com