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;}
<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设置 使div中的图片垂直上下居中
- CSS布局:设置图片在DIV中上下左右居中(水平和垂直都居中)
- div+css设置div模块页面居中,兼容ie6+、ff3.0+、chrome
- Div垂直居中及容器内图片垂直居中的CSS解决方法
- CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)
- CSS+DIV 图片垂直居中
- IE8 CSS设置DIV居中,添加“margin:0 auto”
- toot2008@126.com(W3C标准) ASP.NET + CSS 设置 图片等比放缩、水平居中、垂直(竖直)居中
- css中设置div为透明,及内容垂直居中
- 纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- CSS设置DIV Herf底层图片和链接同时改变,兼容IE,Firefox,Opera,Safari,Chrome等
- CSS设置图片居中的方法【转载】
- css 如何设置 某div 里面的所有图片的最大宽度。当加入文章里图片时,图片自动按比例减小。
- 关于在IE9下css属性设置margin:0 auto 不能使div居中
- Div+css 图片垂直居中
- CSS设置图片居中
- CSS设置图片居中的方法
- DIV+CSS中让布局居中_背景图片居中_文字内容居中
- CSS设置图片居中的方法【转载】
- div+css使用backgroundRepeat样式设置背景图片的显示方式