javascript - css 布局问题!来大神
世界只因有你
世界只因有你 2017-05-18 11:01:03
[JavaScript讨论组]

代码效果
http://u6.gg/Xbj

我想把头像放进框框里并且是自适应。

来个大神帮改下代码。

世界只因有你
世界只因有你

全部回复(5)
PHP中文网
  1. .bg添加相对定位;

  2. 给头像外面再套一个p使用绝对定位,设你想要的大小;重点单位全用百分比

  3. 头像设置width,height100%

过去多啦不再A梦

img 长宽都是100%

为情所困

图片自适应 img {max-width: 100%;}
把那个人放在图片里定位

我想大声告诉你

添加class:<img class="img-box" src="./0.jpg" class="avatar">

class样式:

.img-box {
position: absolute;
left: 150px;
top: 25px;
width: 122px;
height: 124px;
}
.bg {
position: absolute;
}
你应该找切图的人要具体尺寸的,我这里是靠手工调试出来的

PHP中文网
.bg {
    position: relative;
}

.avatar {
    position: absolute;
    top: 9%;
    left: 14.5%;
    width: 12%;
}

.top-bg {
    width: 100%;
    position: relative;
    z-index: 2;
}

随你怎么改变窗口大小

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号