我有一個網頁,其中黑色矩形是背景壁紙上的背景。黑色矩形模糊不清。我想在這個模糊的黑色矩形上打印一個非BLURRED內容,例如表格和縮略圖。如何在模糊div上打印模糊內容
在此示例中,我在模糊的黑色矩形的頂部打印了hello。但你好也是模糊的。我怎麼不模糊H3標籤?我有我正在使用的HTML和CSS。
以下是代碼。
<div class="blackRectangle">
<div class="noBlur">
<h3>HELLO</h3>
</div>
</div>
.blackRectangle {
background-color: black;
opacity: .7;
top: 15px;
width: 1870px;
height: 900px;
position: absolute;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);
}
.noBlur {
top: 30px;
width: 1870px;
height: 900px;
position: absolute;
-webkit-transform: translateZ(0);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
filter: blur(0px);
}
可以只取出從模糊DIV非模糊的內容?像:http://jsfiddle.net/po1v1k7k/2/ – apaul 2014-12-03 18:01:58