大图片在小屏幕居中(兼容ie678)

随着宽带网速的提升,越来越多网站开始用大图片(指超过1024宽),这些大图片在小屏幕中要想居中,最便捷的方法是用background;但是有些地方必须要用img;下面是兼容代码:

html:

<div><img alt="" src="1.jpg" /></div>

css:

div{
width=100%;
position:relative;
left:auto;
top:auto;
}
img{
display:block;
width:1920px;
height:800px;
position:absolute;
left:50%;
top:0;
margin-left:-960px;
}

拓展:img可换为div或别的块状元素,但必须有固定的宽高;

发表评论

电子邮件地址不会被公开。 必填项已用*标注