星空网 > 软件开发 > 网页设计

带箭头阴影的提示框,CSS代码,IE不兼容

<html>
<head>
<title>带箭头阴影的提示框</title>
<style>
.wrap{position:relative;}
.bd{
background:#BDCEEF;width:301px;height:101px;margin:10px;position:relative;z-index:2;
box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.cor,.cor_s{
position:absolute;
z-index:2;
width:40px;
height:40px;
background:#BDCEEF;
left:30px;bottom:-20px;
transform: skewY(-45deg);
-o-transform: skewY(-45deg);
-webkit-transform: skewY(-45deg);
-moz-transform: skewY(-45deg);
}
.cor_s{
z-index:1;
box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 8px 11px rgba(0,0,0,0.4);
}
</style>
</head>
<body>
<div class='wrap'>
<div class='bd'></div>
<div ></div>
<div ></div>
</div>
<div>http://www.999jiujiu.com/</div>
</body>
</html>




原标题:带箭头阴影的提示框,CSS代码,IE不兼容

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

阿里巴巴后院着火?亚马逊进入杭州意欲何为?:https://www.ikjzd.com/articles/934
(深度干货)亚马逊站外引流的27种方法技巧:https://www.ikjzd.com/articles/9347
Wish烧PB广告没有订单转化的原因解读:https://www.ikjzd.com/articles/9349
导致Amazon销量下降的20个原因:https://www.ikjzd.com/articles/9354
亚马逊要求美国卖家提供美国税号!美国站征税开始?:https://www.ikjzd.com/articles/9356
9大电商社媒营销APP,卖家值得拥有!:https://www.ikjzd.com/articles/9357
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
在古巴做游轮 古巴旅游项目:https://www.vstour.cn/a/363194.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流