当前位置 :
& banner背景素材 & &共
分类：格式：0 播放
播放 排序:1/ 285相关搜索：300132361559813170171967176141801114493001313651245110512413106118868813228688119210869807928108172085764887741178222447648685825725688743 1
& 共285页 & 到第
千图网为您找到19892张素材,您还可以找到banner背景素材图片素材，banner背景素材背景图片，banner背景素材设计素材，banner背景素材矢量图素材等信息，我们为您提供banner背景素材图片素材免费下载，banner背景素材矢量图素材下载，banner背景素材模板下载，banner背景素材背景素材下载，banner背景素材素材下载等服务。暂无数据暂无数据banner背景素材图片素材免费下载，千图网为中国设计师们免费提供包括，，。&
添加到收藏夹
您还未创建收藏夹，点击创建增加新收藏夹吧！
您创建的收藏会显示在此处
创建到收藏夹
&欢迎回来3天原创VIP
（20次/天）已到账
登录千图网
或该帐号还未注册，该帐号还未注册，
工作日：9:00 - 22:00
节假日：9:00 - 18:00
电话客服 :
021- 工作日：9:00 - 18:00
已连续签到天
再保持天连续签到将可获得共享VIP1天后使用快捷导航没有帐号？
只需一步，快速开始
查看: 5535|回复: 13
话说网站banner内容设置图片还是背景的问题？
UID379762在线时间 小时积分1324帖子离线17476 天注册时间
银牌会员, 积分 1324, 距离下一级还需 1676 积分
网站的banner内容轮播大家都知道了吧？就是图片一个一个的变换。
记得以前banner里面的图片都是直接用图片的，但是现在发现网站都把图片当成背景了。
现在不是很明白，直接用图片和css里面当成背景有什么不同，难道说在 css里面当背景加载速度快吗？ 还有一个问题就是，如果
把图片当背景加载用，那么动态网站该怎么实现呢？css貌似不能加载动态数据库里面图片名字吧？
UID517235在线时间 小时积分94帖子离线17476 天注册时间
初级会员, 积分 94, 距离下一级还需 106 积分
&li style=&background:&&&/li&
UID535590在线时间 小时积分4653帖子离线17476 天注册时间
金牌会员, 积分 4653, 距离下一级还需 347 积分
我觉得网站的banner内容轮播设置成图片好，动态更换方便，尺寸缩放自如。
UID379762在线时间 小时积分1324帖子离线17476 天注册时间
银牌会员, 积分 1324, 距离下一级还需 1676 积分
我觉得网站的banner内容轮播设置成图片好，动态更换方便，尺寸缩放自如。
我也是这么觉得的，但是发现很多网站都把图片作为背景播放了，不知道为何。
UID535590在线时间 小时积分4653帖子离线17476 天注册时间
金牌会员, 积分 4653, 距离下一级还需 347 积分
我也是这么觉得的，但是发现很多网站都把图片作为背景播放了，不知道为何。
我也不知道，但觉得好像是开发人员的一种“习惯思维”(JQ操作DIV)，另外可以防止非IE浏览器右键保存图片。
UID642885在线时间 小时积分75帖子离线17476 天注册时间
初级会员, 积分 75, 距离下一级还需 125 积分
用内联样式style
UID550408在线时间 小时积分191帖子离线17476 天注册时间
初级会员, 积分 191, 距离下一级还需 9 积分
我也是这么觉得的，但是发现很多网站都把图片作为背景播放了，不知道为何。
设置为背景，如果是大图的话，可以方便居中，小屏幕中超出隐藏~个人觉得！
UID467142在线时间 小时积分2613帖子离线17476 天注册时间
银牌会员, 积分 2613, 距离下一级还需 387 积分
可以全屏居中，你只要把主体内容放在中间，比如网站整体宽度是1000，那你把banner主体想表达的内容做在最中间1000里面，超出1000的地方可以用纯色或者别的素材填充，，，显得网站比较大气，，现在流行尺寸是1920
UID536289在线时间 小时积分3780帖子离线17476 天注册时间
金牌会员, 积分 3780, 距离下一级还需 1220 积分
好像只有用背景的那种方式能做出来多种不同的显示效果吧，
UID379762在线时间 小时积分1324帖子离线17476 天注册时间
银牌会员, 积分 1324, 距离下一级还需 1676 积分
可以全屏居中，你只要把主体内容放在中间，比如网站整体宽度是1000，那你把banner主体想表达的内容做在最中 ...
是的，我也发现有这个优点，但是问题是，如果网站做成动态的，那么图片怎么获取？因为背景图是在css里面控制的。
UID550408在线时间 小时积分191帖子离线17476 天注册时间
初级会员, 积分 191, 距离下一级还需 9 积分
是的，我也发现有这个优点，但是问题是，如果网站做成动态的，那么图片怎么获取？因为背景图是在css里面 ...
背景图片可以使用js直接写在文档上~然后程序控制js中图片引用地址来动态~貌似这样行吧？
UID535590在线时间 小时积分4653帖子离线17476 天注册时间
金牌会员, 积分 4653, 距离下一级还需 347 积分
本帖最后由 yypz 于
16:34 编辑
可以全屏居中，你只要把主体内容放在中间，比如网站整体宽度是1000，那你把banner主体想表达的内容做在最中 ...
使用图片标签（节点）可以更方便地实现：
1、任意分辨率居下水平和垂直居中；
2、任意舞台尺寸下按最佳比例缩放；
3、以淡入淡出|水平推拉|垂直推拉等方式实现图片动态过度切换。
　　这个图片播放器高度是固定的500像素，宽度能自动适应980-1920的分辨率（图片按最佳比例缩放、水平垂直居中）。
　　图片是按需要动态加载-卸载的，内存之中始终只有5张图片，不仅节省内存、节约带宽、而且可以播放几百上千张的海量大相册。
　　可以使用鼠标滚轮换图（鼠标位于窗口：中间1/3时---&淡入、左边1/3时---&上下推拉、右边1/3时---&左右推拉）
　　或者使用键盘快捷键换图（回车---&淡入、加减号---&上下推拉、左右方向键---&左右推拉、F2---&打开|收起Banner展图播放器、F8---弹出缩略图相册、F9---&弹出可滚轮缩放单图相册）
这个图片播放器高度是固定的500像素，宽度能自动适应980-1920的分辨率（图片按最佳比.jpg (170.69 KB, 下载次数: 14)
15:22 上传
上面截图中的那张图片：1280 * 853
UID467142在线时间 小时积分2613帖子离线17476 天注册时间
银牌会员, 积分 2613, 距离下一级还需 387 积分
是的，我也发现有这个优点，但是问题是，如果网站做成动态的，那么图片怎么获取？因为背景图是在css里面 ...
大家都说了，是写在内联样式里啊，好吧，你赢了，给你写出来吧&li style=&background:url() center center no-repeat&&&/li&其他 样式，比如控制li调试的都写在.css文件就好了
UID535590在线时间 小时积分4653帖子离线17476 天注册时间
金牌会员, 积分 4653, 距离下一级还需 347 积分
凤凰网这个图片播放器效果不错，可以借鉴：
《歌手姚贝娜病逝 生前旧照回顾[高清大图](12/30)》
Powered by395被浏览41735分享邀请回答7227 条评论分享收藏感谢收起
/x/cover/r05079lnjsl/r05079lnjsl.html
文字稿：这个方法适合广告横幅，也适合网页中广告条幅的设计，包括微信中的文章封面等图片。我们最终想要的主要的效果就是足够吸引人，简化图片-减少设计中的元素数量就是其中的一种方式，通常这种做法能够使设计更加醒目。我们来看下这张挂在天花板上的横幅，包含了很多东西，logo、毫无疑义的矩形、一个非常引人注目的图片和很多的文字，这张横幅让人看起来眼花缭乱，横幅设计者想要向顾客传达的信息非常多，多得有些过了头。下面我来提供一个解决方案，首先我们把这块矩形去掉，然后我比较习惯将吸引人的图片放在右侧，根据第一期讲的保证背景和图片边缘的颜色一致，这里本身就是相同的颜色就不需要修改了，左侧留下了大片的空白区域，能够让我们将文字放到最大最醒目，接下来作为一个吸引人的广告牌，将之前的文字筛选、保留重要部分即可，放上你的标题，然后是次重要的介绍性的内容，还可以进行一些简单的修改，这样就完成了。把两个横幅放在一起比较的话，我们就能看出两者间巨大的区别，我们把它放到实景中，区别就更加明显了，简洁的设计会有更吸引人的效果另外，针对电商banner还有一些其他的建议关键词：大牌、稳重◆ 说道大牌，我们感受一下：1.背景大量留白2.色彩单一、常见黑、白、灰作为主色（因为这些是无色彩，它的存在只为凸显主题）3.商品或模特一定要够大（不是指字体或logo），截取部分细节展示4.不需要太多文案描述，有时候只需要一个logo摆在那就好5.需要说明的是这种高冷的比较适用于数码电子产品，奢侈品牌等，彰显bige例如：关键词：时尚、品质感、促销（时尚感大于促销）◆ 是既时尚又促销，不是既大牌又促销！！！就想你说一个人好时尚，时尚不一定花大钱就可以达到，而大牌真要画大价钱才能达到1.注重排版，文字规整排版，比如左对齐、居中对齐，不会去最一些怪异的字体变形，而是有个着重突出的文字信息作为一个面，压住全局，适当留白。2.色彩不会太多，三种最多（商品是五颜六色的除外），商品邻近色取色，着重突出的文字信息用反差比较大的颜色。3.商品角度要好看，品质要高（45度或俯视或平视）。4.一般会有主标题、副标题、利益点这几个信息，利益点要大大大。5.适用于美妆相关的美妆护肤、男女鞋箱包、饰品、食品、母婴也会有例如：关键词：可爱、热闹、亲和力◆ 适合食品、可爱服饰、母婴用品等，因为这些属性跟商品是相符的，给人一种可爱、可口、亲和力的感觉1.商品很多，画面比较满，会有很多小色块，手绘图形什么的点缀2.色彩丰富，配色柔和，偏暖，给人热情的感觉3.会有某一个特别突出的信息，但整体画面又注重整体的和谐4.总之，画面不会有攻击的例如： 关键词：素雅、安静、大面积留白、文艺、简约◆ 适合家居、茶艺、布艺、女系、文艺、日系服饰鞋包1.炒鸡大面积留白，东西都小小的2.色彩单一，以浅灰色、淡蓝色、米白、棕色、饱和度和纯度低的绿色等色彩居多3.文案要么很少，要么很多，但都是打动人小情绪的一些文字，并且小小的放置在画面里例如：关键词：促销（比较diao的促销）◆ 这种比较适合商家店铺banner图或实体店促销招牌，因为你本身就处在店铺里面，鬼才知道你要卖什么啊！1.形式感，大大的sale和大红背景告诉你，人家是促销2.就是不告诉你我要促销什么，你来猜啊，你来点我点我我才告诉你答案哦3.总之，这种要么为了吸引有点好奇心的消费者，要么吸引已经是老顾客的消费者，运用在实体店比较常见271 条评论分享收藏感谢收起查看更多回答