图像透明不透明用到opacity元素，值为0到1，一般用0.4或0.6就够了。ie8以下浏览器写法为：filter：alpha(opacity=40)；值为0到100.一般为了兼容同时写两种。
创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于网站建设、网站设计、囊谦网络推广、微信平台小程序开发、囊谦网络营销、囊谦企业策划、囊谦品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供囊谦建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com
创建一个html文件。在html文件找到一个标签，在这个标签里创建一个标签并添加一个类，在这把这个类设置为：rgba。代码： 为div添加样式。
这个是需要应用css的滤镜来实现的，但是只有IE浏览器支持。
亲，我们经常会使用到背景图片，但有时候需要把背景图片设置一个半透明的效果，那么就需要以下的CSS了。这是一个CSS滤镜达到的效果，应用十分广泛。
其实他这个是美工做好的两张图片，上面白色半透明样式的一张，下面一块大的一张。如果需要他这种效果，一模一样的话，你可以把他的图片下载下来你用。
css3网页灰色代码如下。html{。filter：grayscale(100%)。-webkit-filter：grayscale(100%)。-moz-filter：grayscale(100%)。-ms-filter：grayscale(100%)。-o-filter：grayscale(100%)。
通过对其设置鼠标悬停(：hover)时图片半透明为80%和70%，观察其效果。
a：visited）；鼠标指针悬停在链接上的状态（a：hover）；被激活（在鼠标单击与释放之间发生的事件）的链接状态（a：active）。给网页中所有＜h1标签添加背景颜色的css代码为h1{background-color：#00f00；}。
下面就给大家做一个实例看一下这种效果怎么实现a：hover img{filter：alpha(Opacity=80)；-moz-opacity：0.8；opacity： 0.8；}此CSS代码作用，设置鼠标移动到A超链接时，超链接内图片（img）呈现半透明显示80%效果。
CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往，IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。现在，过滤器属性是CSS3规范的一部分，并支持在一些浏览器，Firefox、Chrome和Safari。
．首先，看一下HTML，一个img图像控件和一个带有样式的div，其中包含文本。这个就是蒙版遮罩层。2．然后，查看样式定义。先检查图像容器和图像样式，如图所示。
使用css3实现图片的阴影效果的原理一个图形需要带有一个主投影，另一个带有弧度的图形也有自己的阴影效果，让这两个图形发生重叠，让他们的颜色一致然后可以把弧度阴影露出来，这样看到的就是一个曲线阴影的效果。
CSS如何实现图片灰色和原色切换：建议：尽可能的手写代码，可以有效的提高学习效率和深度。有些网站效果比较绚丽，就是当鼠标放在图片上的时候，图片可能会有灰色和原来色彩的切换。下面简单介绍一下如何实现此效果。
1、过滤器的意思过滤器，滤芯：灰色的意思是说一个灰色的滤光页，里面的所有内容的html变成黑色和白色。
2、这位网友你好，styles指的就是css文件，灰色字体表示跟黑色字体拥有相同的样式，如果你把这个样式直接拷走可以用，但前提是你的网站上也得用相同的class名，甚至有些html结构也需要跟这个网站一样。
3、class把一些特定样式放到一个class类中，需要此样式的标签，可以在添加此类。使用CSS选择器时为什么要划定适当的命名空间？为了防止样式污染。
4、蓝色是没有被点击过的颜色、红色已经点击过之后的颜色、灰色是停留在文字上的颜色、黑色是点下文字但是没有松开鼠标的颜色。链接同时满足筛选条件时，visited的优先级高于link，只会显示visited时的颜色，link颜色不显示。
5、CSS语言对于所有属性和值都有相对严格的要求，如果声明的属性在CSS规范中没有，或者某个属性的值不符合该属性的要求，都不能使该CSS语句生效。 还有一种通配选择器“*”，表示其中设置的样式会应用于所有的网页元素。
6、属性和值被冒号分开。selector {property： value}下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。
