div+css中一个背景图片,如何让图片在背景图片上垂直居中
图片水平垂直居中(兼容IE6,IE7,firefox,opera,safari,其中图片可以是任何块元素).boxout{width:120px;height:119px...
图片水平垂直居中(兼容IE6,IE7,firefox,opera,safari,其中图片可以是任何块元素)
.boxout{width:120px; height:119px; display:table; background:url(photoset_bg.gif) no-repeat;}
.boxin{display:table-cell; vertical-align:middle; text-align:center; width:114px; height:114px;}
/*for IE*/
.boxout{*position:relative;}
.boxin{*position:absolute; *top:50%; *left:0;}
.boxout p{*position: relative; *top:-50%; *margin:0; *padding:0;}
.boxout img{ *margin-top:2px; border:1px solid #ccc;}/*for IE 图片4像素空白bag*/
" width="100" height="33" />
图片没有固定的大小,就是无论它多大多小始中在这个背景上面是垂直水平居中的
回复 y1cheng :那文章我也看过了,就是我改成自已的,换成背景图片就不行了 ,不是FF那种图片,是FF那种图片所在背景图片中水平垂直居中,它后面那不是有一个背景图吗?
帮忙解决一下,解决后送高分。 展开
" width="100" height="33" />
图片没有固定的大小,就是无论它多大多小始中在这个背景上面是垂直水平居中的
回复 y1cheng :那文章我也看过了,就是我改成自已的,换成背景图片就不行了 ,不是FF那种图片,是FF那种图片所在背景图片中水平垂直居中,它后面那不是有一个背景图吗?
帮忙解决一下,解决后送高分。 展开
6个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询