IE模糊滤镜下的跨浏览器的内阴影效果实例页面
代码:
CSS代码:
.baseBlock{ width:220px; position:relative; overflow:hidden; } .baseBlockIn{ padding:10px 15px; background-color:#888\9; box-shadow:inset 30px 30px 20px #888; -moz-box-shadow:inset 30px 30px 20px #888; -webkit-box-shadow:inset 30px 30px 20px #888; } .ieShadow{ _width:220px; _height:220px; filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=20); -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=20)"; background-color:#fff\9; position:absolute; top:10px; left:10px; bottom:-10px; right:-10px; } .content{ position:relative; z-index:1; }
HTML代码:
<div class="baseBlock"> <div class="baseBlockIn"> <div class="ieShadow"></div> <div class="content">昨晚请多玩优秀员工吃饭,聊了几点职场体会。(1) 把自己当老板看,象老板一样拼命干活,能力自然就提高了。有了能力,假如多玩不能给你好的回报,其他公司一定会给。(2) 不是每次付出就一定有回报,但是不断付出就一定会有回报。@李学凌 补充了一点:象你的老板一样思考,能力会提高得更快。</div> </div> </div>
效果:
昨晚请多玩优秀员工吃饭,聊了几点职场体会。(1) 把自己当老板看,象老板一样拼命干活,能力自然就提高了。有了能力,假如多玩不能给你好的回报,其他公司一定会给。(2) 不是每次付出就一定有回报,但是不断付出就一定会有回报。@李学凌 补充了一点:象你的老板一样思考,能力会提高得更快。