Eeic Meyer on CSS 之 背景半透明效果
CSS 并不支持任何形式上的半透明的效果。
书上介绍了两种方法来达到半透明的效果。
第一种是利用“半屏(halfscreen)”,是由Todd Fahrner 提出的。
原理上就是利用相邻两个像素,使其中一个透明,另一个颜色的方法,达到半透明的效果。
图片大小建议是10px*10px的大小,而不是2px*2px的图片,因为会使得浏览器严重变慢。起原因是下载那两个图片事实证明所用时间是一样的。使用大一些的图片可以加快浏览器的显示。
第二种是类似于欺骗的方法。是使用两张图片所做出来的效果。其中一张是具有半透明效果的覆盖在另一张之上,因此造成的错觉半透明的效果。也可以使用background:fixed的方法把background固定起来。
---0101-0101-01-0111-0110-110-10011-------
如果,人生可以编码 ……