在建网站的中常见的五种背景图片的使用方法
haoteby 2024-11-21 15:45 3 浏览
在建网站的过程当中使用背景图片似乎是绕不过去的一个环节，背景图的使用能更好的衬托出想要表达的内容，也可以让局部细节达到最完美的状态，合理使用背景能够让视觉感官有一个更加的舒服体验，专业设计师会让背景用的恰到好处，没有目的的使用往往会适得其反，不仅达不到想要表现的效果，反而还会喧宾夺主影响主体内容的表现。
建网站时对于图片的颜色也有一定的选择技巧，郑州建企业网站时可以选择和主页面相溶合的颜色，以达到视觉平滑，分享几点背景图片的使用方法：
第一种用法：幻灯图或大banner图
一个当下的网站往往离不开大尺寸的幻灯图片或banner大图，大图组合创意和文字给人带来的视觉效果是相当震撼的，再加上一般会显示在网页的第一屏重要程度不用言语，使用方式一般做背景来用，宽度1920px高度不超过700px，只要是新做的网站都会有这个模块。
第二种用法：页面中间固定模式
在这种使用方式下，大图片一般会以全屏尺寸来设计，如1920X900px的尺寸，平铺不重复做为网页某一块的背景，同时设置图片展现行为fixed固定不动，当用户拉动网页下拉滚动条的时候会造成页面内容在往上移动而背景固定不动的视频效果。
第三种用法：小范围频道背景
往往使用于网页小块的频道头或分类标题下，可以是纯颜色，如果想要达到很好的视觉效果就只能使用图片，做为背景图片时颜色往往较重，而上面的文字一般用亮色，用一个重的背景来衬托文字，视觉效果相当不错。
第四种用法：局部动态效果展示
在这种展示效果中用到的背景图片往往是以PNG图片为主的透明素材，用DIV+CSS写好布局再加CSS3的动画特效，能给人非常强烈的视觉体验，CSS3动画效果的强大也是FLASH没落的一个重要原因。
第五种用法：网页精灵图(css sprites)
所谓网页精灵图Sprites即使用一张大图把整个或部分网页用到的小图都全部集中到一张图片上，然后在网页使用时再通过各个小图的坐标位置来分别调用，使用负值来调用分别对应的图片位置。
相关推荐
- Python爬虫进阶教程(二):线程、协程
-
简介线程线程也叫轻量级进程，它是一个基本的CPU执行单元，也是程序执行过程中的最小单元，由线程ID、程序计数器、寄存器集合和堆栈共同组成。线程的引入减小了程序并发执行时的开销，提高了操作系统的并发性能...
- A320-V2500发动机系统FADEC介绍(2)
-
目的全权数字发动机控制（FADEC）系统在所有飞行和运行阶段提供全范围发动机控制。...
- 三国志战棋版:玩家“二叔”用这套群DOT在比武中拿下31胜5负
-
声明：本文首发于今日头条，而后发布于“鼎叔闯三棋”的微信公众号、抖音、哔哩哔哩和小红书平台，如果在其他平台就是抄袭。...
- 真正的独一无二:Dot One 推出 DNA 定制系列 139英镑起
-
相信很多人在挑选衣物时有着这样的困扰，综合了性价比、面料等因素后好不容易找到了心仪的款式，还要担心是否会撞衫，不管是擦肩而过的陌生人还是身边的熟人，都令人尴尬。小部分人为此热衷于购买少量的古着或者限量...
- 崩铁:周年庆福利再升级，老角色加强时间确定，3.xdot体系反转
-
#埃安UT大一圈高级很多#...
- Dotgo推出RBMHub，扩大了CPaaS提供商的覆盖范围和功能
-
据telecompaper网7月15日报道，用于商业消息传递的RichCommunicationServices（RCS）解决方案的领先提供商Dotgo宣布推出RBMHub。RBMHub的推出扩大了C...
- 深度解析:快照取消Dot职业的将何去何从
-
写在前面曾几何时，术士的出现便被冠以dot大师的名头，从远古时期的献祭腐蚀虹吸不如暗牧一个痛，到TBC上满dot=荣誉击杀+1，到wlk接近全暴击的冰晶腐蚀，再到CTM就算了吧MOP的各种变态吸x放...
- 星穹铁道:抽卡芙卡之前，你必须了解什么是dot!
-
卡妈终于上线了，可还是有很多人不明白什么是dot伤害，抽了卡妈直接玩起了直伤流，把一个持续伤害的引爆器玩成了打手，卡妈打dot伤害是远高于直伤的，有了卡妈的玩家一直了解dot，不然这卡妈就真被玩成四不...
- 游戏界的闪耀星辰陨落:悼念知名游戏博主″dotα牛娃″
-
无尽哀思！在数字时代浪潮中，游戏不仅是消遣娱乐的代名词，更是连接心灵的桥梁，构筑了无数人的青春回忆。在这片浩瀚无垠的游戏宇宙中，有这样一位博主，他以独特的风采、深邃的洞察力和无尽的热情，成为了玩家心中...
- 直击2017新加坡同性恋聚会Pink Dot，自由爱!
-
今年的“粉红点”又来啦~这个支持LGBT群体（男女同志、双性恋、跨性别等）群体的活动，从2009年起，已经在新加坡举办8年了！”这个非营利的同性恋权益活动，主要是希望大家了解到，不管一个人的性倾向或...
- python-dotenv,一款超级实用处理环境变量python库
-
python-dotenv,一款超级实用处理环境变量python库python-dotenv概述：...
- 亚马逊语音助手毫无征兆发笑 诡异至极吓坏用户
-
来源:新华网美国电商亚马逊7日承诺，将更改名下“亚历克萨”语音系统设置，令它不会莫名发笑，免得吓坏用户。“亚历克萨”是亚马逊开发的语音助手软件，可服从用户语音指令完成对话、播放音乐等任务。依照原来设计...
- 2022最火英文网名男女生
-
精选好听英文昵称带翻译1．moveon（离开）2．Monster（怪物）3．Solo吉他手4．Finish.（散场）...
- 智能家具 RecycleDot 的出现给传统家具厂商带来新的挑战
-
从可穿戴手环、手表到智能衣服，智能硬件逐步渗透到每一个领域。最近有一对父子MikeSandru和JohnSandru在自家的车库中设计了一款智能家具RecycleDot，给日渐萧条的家具行...
- 欧洲通信卫星公司 OneWeb 敦促印度DoT尽早批准提供卫星宽带服务
-
据telecomtalk2月17日报道，欧洲通信卫星公司EutelsatOneWeb近日敦促印度电信部（DoT）尽快批准其在印度部署双地球站网关的计划，以便连接其近地轨道（LEO）全球卫星星座，并...