有关于给图片设置阴影，兼容ff与ie

最新推荐文章于 2021-08-03 22:18:49 发布

tangdonnaui

最新推荐文章于 2021-08-03 22:18:49 发布

阅读量112

点赞数

分类专栏： css专区　前端技能（css）Demo 文章标签： HTML IE CSS Microsoft webkit

本文链接：https://blog.csdn.net/tangdonnaui/article/details/83806634

版权

css专区　同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

前端技能（css）Demo

9 篇文章 0 订阅

订阅专栏

CSS代码：

.baseBlock{
    width:220px;
    position:relative;
}
.baseBlockIn{
    padding:10px 15px;
    background:#a0b3d6;
    box-shadow:10px 10px 5px #444;
    -moz-box-shadow:10px 10px 5px #444;
    -webkit-box-shadow:10px 10px 5px #444;
    position:relative;
    z-index:1;
}
.ieShadow{
    _width:220px;
    _height:220px;
    filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
    background-color:#444\9;
    position:absolute;
    left:5px;
    top:5px;
    right:-5px;
    bottom:-5px;
}

HTML代码：

<div class="baseBlock">
    <div class="baseBlockIn">昨晚请多玩优秀员工吃饭，聊了几点职场体会。(1) 把自己当老板看，象老板一样拼命干活，能力自然就提高了。有了能力，假如多玩不能给你好的回报，其他公司一定会给。(2) 不是每次付出就一定有回报，但是不断付出就一定会有回报。@李学凌 补充了一点：象你的老板一样思考，能力会提高得更快。 </div>
    <div class="ieShadow"></div>
</div>