CSS模糊效果的问题。

Question

@边城 大神求助，又来找你了，CSS你肯定也厉害吧？

https://jsfiddle.net/1qhspb8s/1/

这里有一张图片，放了两层，底下一层拉伸以后做了模糊的效果，然而，模糊的效果出到了框框外面，怎么把框外面的模糊删除掉？？？只要框里面的上面照片，背景模糊的效果。

Answer 1

.span {
    position: relative;
    overflow:hidden;
    ...
}

就行了

Answer 2

.span {
    width: 500px;
    height: 500px;
    border: 1px solid rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}