纯CSS实现带箭头阴影的提示框，代码在IE浏览器下不兼容，实现的效果为方形！但是在火狐、Chrome浏览器等下都可以正常使用，有高手的话请指点一下是哪里的原因，顺便也给烈火反馈一下哦。 演示： <!doctype html><br /> <html><br /> <head><br /> <title>带箭头阴影的提示框</title><br /> <style><br /> .wrap{position:relative;}<br /> .bd{<br /> background:#BDCEEF;width:301px;height:101px;margin:10px;position:relative;z-index:2;<br /> box-shadow: 5px 8px 11px rgba(0,0,0,0.4);<br /> -webkit-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);<br /> -moz-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);<br /> border-radius: 5px;<br /> -webkit-border-radius: 5px;<br /> -moz-border-radius: 5px;<br /> }<br /> .cor,.cor_s{<br /> position:absolute;<br /> z-index:2;<br /> width:40px;<br /> height:40px;<br /> background:#BDCEEF;<br /> left:30px;bottom:-20px;<br /> transform: skewY(-45deg);<br /> -o-transform: skewY(-45deg);<br /> -webkit-transform: skewY(-45deg);<br /> -moz-transform: skewY(-45deg);<br /> }<br /> .cor_s{<br /> z-index:1;<br /> box-shadow: 5px 8px 11px rgba(0,0,0,0.4);<br /> -webkit-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);<br /> -moz-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);<br /> }<br /> </style><br /> </head><br /> <body><br /> <div class='wrap'><br /> <div class='bd'></div><br /> <div class="cor"></div><br /> <div class="cor_s"></div><br /> </div><br /> </body><br /> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示：可修改后代码再运行! 文章导航 Div层弹性左右移动特效，JS实现，代码简洁CSS图文混排，Div左图右文的布局代码
