鍍金池/ 問答/HTML5  網(wǎng)絡安全  HTML/ 如何製作div區(qū)塊模糊？css filter

如何製作div區(qū)塊模糊？css filter

.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 往後面看到的內(nèi)容會變模糊的
但123是清楚的
我這樣做一點反應也沒有 哪裏寫錯了？大神求救

clipboard.png

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

回答
編輯回答
尐潴豬

filter加在div上

2018年2月17日 00:02
編輯回答
朕略傻

不知道你“10:00 21:00 12:00”是寫在哪的，目前代碼上的模糊濾鏡是加在saveresult偽元素上的，這三個時間不在偽元素上自然也就沒辦法呈現(xiàn)出模糊效果了。

2018年1月12日 22:10