css图片上有一层透明颜色移动

html-css025

css图片上有一层透明颜色移动,第1张

可以去除。css图片是一种新颖的图片格式,上有一层透明颜色移动是可以去除的。css层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

在外层DIV设置了CSS代码如下:

opacity:0.8

-moz-opacity:0.8

filter:alpha(opacity=80)

此时,此层里面的层都为透明层,接下来我们如何让里面的层不透明呢?主要有两个方法:

1、如果是要设置颜色层透明,可以用背景色透明rgba来代替opacity,

2、如果是设置图片层透明,就用ps简单处理一下即可。

opacity这个属性指定的透明是包括里面的所有元素的,不可能只有外面透明,里面不透明。

对于不同的浏览器需要区别对待

IE系列浏览器

外层DIV,设置透明,内容元素设置元素定位为相对定位或者绝对定位

<div style="filter:alpha(opacity=70)">

<div style="position:relative">text</div>

</div>

非IE浏览器

外层div,不要设置透明,使用background:rgba(120,120,120,0.7)实现效果