查看: 4384|回复: 1

请问怎么制作一个自适应的banner

[复制链接]

6

主题

9

回帖

157

积分

会员

Rank: 5Rank: 5

积分
157
发表于 2018-4-9 21:22:14 | 显示全部楼层 |阅读模式
尹广磊公众帐号
要那种图片不变形,虽窗口大小变化而变化,且图片中心点随时居中在窗口中。菜鸟求指教

http://demo.cssmoban.com/cssthemes4/tops_33_Aircv/index.html

类似这个网站模板的banner,求大神给个思路。

514

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
74232
QQ
发表于 2018-4-10 10:03:44 | 显示全部楼层
演示地址:http://79mnv8.share.hiaxure.com/

1. 在页面属性设置中,让整个页面居中对齐。
2. 放一个图片在页面中。
3. 在图片底部放一个等高的面板,右键把面板设置为100%宽度。
4. 进入面板状态,修改面板的背景色跟图片边缘的背景色一样。

这样,底部有一个自适应宽度带有背景的面板,然后上面是居中显示的图片。

自适应居中图片.rp

53.15 KB, 下载次数: 3

您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-19 11:55

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表