我接過了@elliopizzaman給出的鏈接，并在一定程度上增強了提琴。通過添加一個使圖像更明亮的div層，我可以達到霜狀玻璃的外觀。邊緣不是你可能希望的，但效果是好的。

HTML：

CSS：

#frost {

position: absolute;

left: 10px;

top: 10px;

width: 600px;

height: 600px;

background: rgba(255,255,255,.4);

}

#background {

position: absolute;

left: 10px;

top: 10px;

width: 600px;

height: 600px;

background-image: url(http://placekitten.com/200/300);

-webkit-filter : blur(8px);

-moz-filter : blur(8px);

-ms-filter : blur(8px);

-o-filter : blur(8px);

filter : blur(8px);

}

我不知道，如果過濾器將被應用到一些 “落后” 的DIV，如果你如做了一個“可拖動”的對話框 - 因為你可能不得不做帆布工作。

總結

以上是生活随笔為你收集整理的html在图片上半透明磨砂,有没有办法在HTML内容上实现磨砂玻璃浮动div（类IO7）...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。