Eeic Meyer on CSS 之 背景半透明效果

CSS 并不支持任何形式上的半透明的效果。
书上介绍了两种方法来达到半透明的效果。

第一种是利用“半屏(halfscreen)”,是由Todd Fahrner 提出的。
原理上就是利用相邻两个像素,使其中一个透明,另一个颜色的方法,达到半透明的效果。 图片大小建议是10px*10px的大小,而不是2px*2px的图片,因为会使得浏览器严重变慢。起原因是下载那两个图片事实证明所用时间是一样的。使用大一些的图片可以加快浏览器的显示。

第二种是类似于欺骗的方法。是使用两张图片所做出来的效果。其中一张是具有半透明效果的覆盖在另一张之上,因此造成的错觉半透明的效果。也可以使用background:fixed的方法把background固定起来。

原文地址:https://www.cnblogs.com/liyinkan/p/1304398.html