html在图片上半透明磨砂,有没有办法在HTML内容上实现磨砂玻璃浮动div（类IO7）...
生活随笔
收集整理的這篇文章主要介紹了
html在图片上半透明磨砂,有没有办法在HTML内容上实现磨砂玻璃浮动div（类IO7）...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我接過了@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）...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 纯CSS教你实现磨砂玻璃背景效果（附代码
- 下一篇： html 磨砂 原理,使用HTML和CS