让大图在网页居中显示
以下是我的代码，在除IE6以外的浏览器正常。
<style type="text/css">
.box
{
background:url(http://img02.taobaocdn.com/imgextra/i2/135559106/T20Ce2XBhXXXXXXXXX-135559106.jpg) 50% 100% no-repeat;
}
</style>
<div class="box">
<div style="zoom:1;-khtml-opacity:0;filter:alpha(opacity=0);opacity: 0;-moz-opacity:0;-moz-opacity:0;"><img src="http://img02.taobaocdn.com/imgextra/i2/135559106/T20Ce2XBhXXXXXXXXX-135559106.jpg"/></div>
</div>如果把 img src换成与box的background不一样就能正常显示。
但是因为图片的高度不固定，所以src和background必须一样。。咋搞呢
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
div { width: 150px; height: 155px; line-height: 155px; border: 1px solid #000; background: #f00; text-align: center; } img { vertical-align: middle; } span { display: inline-block; } <div> <img src="hl_logo.png" alt="" width="95" height="115"> <span></span>2019-07-17 19:14:27赞同 展开评论
相关问答