纯css实现带三⾓箭头带描边带阴影带圆⾓的兼容各浏览器de⽓
泡层
鹧鸪读音
上次看了乔花的⽂章，刚好⼿上有个需求，是做⼀个弹出⽓泡层，要求是
福州金鸡山公园1.带三⾓指⽰箭头
2.边框需要描边
3.渐进圆⾓
医院年度总结
有了那篇⽂章的启发之后，我们这⾥做起来就简单了
新闻公关说做就做，咱先整个描了边的浮动层，效果如下
接着给浮动层，加上三⾓的箭头指⽰，在div容器⾥⾯加⼊⼀个空的s标签，表⽰三⾓
1: div{
2: box-shadow: 3px 3px 4px #999;
3: -moz-box-shadow: 3px 3px 4px #999;
4: -webkit-box-shadow: 3px 3px 4px #999;
豆芽炒鸡蛋
5: /* For IE 5.5 - 7 */
凉山大学6: filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
7: /* For IE 8 */
8: -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
9: }
在firefox效果是ok的，但是ie⼜bug了
元宝针织法
IE⾥⾯的三⾓箭头没了。。。
初步检查的结果是，怀疑由于css边框三⾓是没有盒⼦⾼度宽度的，所以阴影效果出不来，还把原来的三⾓给盖掉了。。。没办法，只好想个招，在div容器⾥⾯再做⼀个100% ⼤⼩的div，做⽓泡层的内容层八年级语文下
