您的位置:首页 > Web前端 > CSS

css设置图片在div中居中

2015-04-10 08:32 260 查看
HTML代码
            <img src="images/default-icon-1024.png" class="img_blur pos-abs zidx-1"/>

            <img src="images/default-icon-1024.png" class="pos-abs icon-pos-center zidx-2"/>

CSS代码毛玻璃效果:.img_blur { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,
MakeShadow=false); /* IE6~IE9 */}.pos-abs{ position:absolute;}.pos-re{ position:relative;}图片居中效果.icon-pos-center{ top:50%; left:50%; width:160px; height:160px; margin-top:-80px; margin-left:-80px;}.zidx-1{ z-index:1;}.zidx-2{ z-index:2;}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  CSS 图片居中