如何製作div區塊模糊？css filter

Question

.saveresult
{
  font-size: 13px;
  position: fixed;
  box-shadow:0 0 5px 3px rgba(0,0,0,.09);
  background-color: rgba(0,0,0,.1);
  border-radius: 20px;
  padding: 10px;
  width: 300px;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  text-align: center;
}
.saveresult::before {
  -webkit-filter:blur(15px);
  -moz-filter:blur(15px);
  -o-filter:blur(15px);
  -ms-filter:blur(15px);
  filter:blur(15px);
}

<div class="saveresult">123</div>

背景沒有圖片
我是要讓 saveresult這個div 往後面看到的內容會變模糊的
但123是清楚的
我這樣做一點反應也沒有 哪裏寫錯了？大神求救

我要看到 10:00 21:00 12:00是模糊的

Answer 1

不知道你“10:00 21:00 12:00”是写在哪的，目前代码上的模糊滤镜是加在saveresult伪元素上的，这三个时间不在伪元素上自然也就没办法呈现出模糊效果了。

Answer 2

filter加在div上