新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
background:url(图片地址) repeat-x或no-repeat bottom; 这样就是背景图片从底部开始显示,设置repeat-x是让在横向循环,不要设置repeat-y,这个是纵向循环,上边的部分,超出图片高度就不会显示了。不够图片的高度就会把图片的上部分隐藏
成都创新互联公司:成立与2013年为各行业开拓出企业自己的“网站建设”服务,为近1000家公司企业提供了专业的做网站、网站制作、网页设计和网站推广服务, 按需制作由设计师亲自精心设计,设计的效果完全按照客户的要求,并适当的提出合理的建议,拥有的视觉效果,策划师分析客户的同行竞争对手,根据客户的实际情况给出合理的网站构架,制作客户同行业具有领先地位的。
一般情况时上面内容没有设置定位,导致下面内容不能判断上面有内容,所以自动填充上去;
解决方法:
给div层设置浮动属性;
给div添加样式:display:table或者display:block;
给上面内容div固定高度并设置浮动属性
1、新建一个html文件,命名为test.html
2、在test.html文件内,使用css设置页面所有的div宽度为300px,高度为300px,div的位置为绝对定位。
3、在test.html文件内,创建三个div,并用文字标识,分别为底层div、中层div、最顶层div。
4、在test.html文件内,分别给三个div设置class属性为one、two、three,用于下面对类名进行样式设置。
5、在css标签内,设置类名为one的div样式,设置其背景颜色为红色,距离页面左边缘为0,距离页面上边缘为0,同时使用z-index设置其层级为1。
6、在css标签内,设置类名为two的div样式,设置其背景颜色为黄色,距离页面左边缘为50px,距离页面上边缘为50px,同时使用z-index设置其层级为2,即在类名为one的div的上面。
7、在css标签内,设置类名为three的div样式,设置其背景颜色为粉红色,距离页面左边缘为100px,距离页面上边缘为100px,同时使用z-index设置其层级为3,即在页面三个div中的最顶层。
8、在浏览器打开test.html文件,查看实现的层级效果。