如果在图片上显示文字,经常会遇到这个情况,就是当文字和背景颜色差不多时,文字会看不清楚,我们一般通过给文字加text shadow或者修改图片的透明度来让文字显示更加突出。我们今天说一下透明度的问题,一般我们干这个活儿是通过photoshop来做,其实CSS本身也可以实现类似的效果。如何做?
实现透明的css方法通常有以下3种方式(以下是不透明度都为80%的写法)
css3的opacity:x,x 的取值从 0 到 1.如opacity: 0.8
css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1.如rgba(255.255.255.0.8)
IE专属滤镜 filter:Alpha(opacity=x),x 的取值从 0 到 100.如filter:Alpha(opacity=80)