-
HTML：
U3000 U3000
U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000
U3000 U3000
U3000 U3000
无功W = window.innerwidth document.documentelement.clientwidth document.body.clientwidth | | | |；
var H = window.innerheight document.documentelement.clientheight document.body.clientheight | | | |；
$（登录掩码）Css（）
$（登录掩码）Css（）
U3000 U3000
CSS：
{登录包装
溢出：隐藏；
}
{登录掩码
IE6 ~ IE9 / * * /
过滤器：ProgID：DXImageTransform.Microsoft.Blur（pixelradius = 100，makeshadow = false）；
WebKit的滤波器：模糊（100）；
-moz滤波器：模糊（100）；
MS：模糊滤波器（100）；
滤波器：模糊（100）；
背景图像：URL（。 / / / IMG .. .. /背景/ home-bg-3 .webp）；
后台重复：不重复；
背景尺寸：封面；
背景附件：固定；
背景位置：中心；
位置：绝对；
Z指数：1；
}
{登录框
宽度：300px；
身高：400px；
背景颜色：RGBA（255, 255, 255，0.5）；
显示块；
border: 1px solid RGBA（183, 183, 183，0.47）；
边界半径：6px；
位置：绝对；
左：50%；
保证金：汽车；
margin-left: - 150px；
边距顶部：10%；
Z指数：2；
}
结果如下：
可以发现边缘有一个白色的边缘，这是一个很大的模糊值，此时的解决方案是改变背景大小：直接覆盖到背景大小：150% 150%，这样就可以了：
仔细看，你会发现白边不那么明显。
另一种是在模糊值较小时将模糊值更改为20，效果如下：
可以看出，白色边缘是显而易见的，当相同的背景地图添加到身体，白色的一面会消失。
体{
背景图像：URL（。 / / / IMG .. .. /背景/ home-bg-3 .webp）；
后台重复：不重复；
背景尺寸：封面；
背景附件：固定；
背景位置：中心；
}
结果如下：
可以看出，边缘的区别是明显的，但对比度有点明显，效果不好，模糊值会变小，变为5，效果图如下：
白边去掉，和看起来不是那么的违和。
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。