汇学府笔记网是汇学府网旗下优秀笔记展示平台! 欢迎优秀读书学习笔记投稿,投稿有奖励!

学分类旗下网站

浏览量

CSS固定背景图像及添加多个背景图像

作者:admin 发布时间:2019-08-11

前面刚写过了,今天我们来看看怎么使用CSS添加背景图像效果。

1. CSS固定背景图像background-attachment属性

有很多网站的背景是固定不动的,达到的效果就是文字移动而背景图像固定不动,这样的效果给人的感觉比较新颖,有时候会觉得很不错,可惜的是background-attachment属性并不得到IE6的支持,这很痛苦,庆幸的是,IE7以及支持了。定义:background-attachment:fixed;只需要简单的添加这么一个效果,就可以实现了,简单快捷。 2. 为网页添加多个背景效果CSS的background属性是用来设置背景效果的,但是如果要为一个网页添加2个背景又如何实现呢?分别给html和body标签添加背景就可以了Html{Background-image:url();}Body{Background-image:url();}可以给html设置一个大的背景,再给body部分设置一个适合网页的背景,这样显示的效果会很不一样,特色化的。 3. 任意元素都可以设置背景并且可以设置透明背景效果Background属性是可以用于几乎所有的元素的,这就说明了背景效果可以随意的添加,只是添加的是否合适的问题了。用24位的PNG图像可以实现透明背景效果,为一张图片设置透明度,并且保存为24位,可以和页面的背景融合显示,文字的背景将会重叠显示,已达到特效,可惜的是IE6不支持ALPHA通道,将会显示上面的图层颜色。相关:。
网友吐槽

读书笔记 学习笔记 名著读书笔记

本站读书学习笔记由网友提供,版权归原作者本人所有,转载请注明出处!如有侵犯您的相关权利,请联系我们客服处理! 豫ICP备18040320号-1