css样式灰色设置 css中灰色颜色代码

怎样用CSS让鼠标悬停在图片上图片变灰

单在link 加入滤镜 filter：gray；使之变灰。为何在鼠标放到连接上的时候还是灰色？如果只在hover加学习目的：用同一张彩色图片为背景，在连接平常的状态，图片为灰，鼠标悬停在链接上时恢复色彩。

繁峙网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。成都创新互联成立于2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

首先新建一个html文件，命名为test.html，在test.html文件内，使用table标签创建一个表格，用于测试。在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。

*/ a：active {} /* 被选择的链接 */ 但是你说的img实现的不如用css的background来实现更容易些，不过你还需要准备这六块鼠标放在上面变灰的图片。当鼠标悬停在某张图片时，背景自动换成灰的。

打开hbuilder，在空白的html文件上面设置一个div，给div一个class并命名为img：在css里设置img的类一定的宽和高，引入示例图片，设置图片为不重复。

就定义了一个link_1的名字。作用是当鼠标悬在这个文字的上方的时候，文字就会变色。

1、桌面-右键--属性--外观--高级--项目--窗口--颜色--其它，色调设为85，饱和度设为90，亮度设为205。

2、背景图像要把图像放入背景，需要使用 background-image 属性。background-image 属性的默认值是 none，表示背景上没有放置任何图像。

3、PS里把白色背景换成灰色，方法就是所前景抠取出来，再把背景填充所需要的颜色。抠取前景，它是一个综合性的操作，并没有一个一成不变的步骤，必须根据图像的具体情况来采取具体的抠图技术。

4、rgba(200，200，200，0.6)；就是一个灰色的，透明度为0.6的一个半透明浅灰色。因为整个body的背景色也是灰色的，因此这里就看不出来tdh的背景色是半透明的，可以来调整body的背景为一个图片，就能看出来是半透明的了。

5、用PS打开需要调整的图片。在工具栏选择套索工具，点击“磁性套索工具”。用磁性套索工具把不需要调整颜色的人物扣选出来。然后点击“选择”菜单，在下拉列表选择“反选”。这样就把人物以外的区域选中了。

6、方法菜单栏---图像---模式---灰度。方法菜单栏---图像---调整---去色就可以。方法新建文件，颜色模式选择：灰度。左边的是灰度，如下图所示。

这个是需要应用css的滤镜来实现的，但是只有IE浏览器支持。

下面就给大家做一个实例看一下这种效果怎么实现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。

1、创建一个html文件。在html文件找到一个标签，在这个标签里创建一个标签并添加一个类，在这把这个类设置为：rgba。代码：为div添加样式。

2、实例 1 - 创建透明图像定义透明效果的 CSS3 属性是 opacity。首先，我们将展示如何通过 CSS 来创建透明图像。

3、图像透明不透明用到opacity元素，值为0到1，一般用0.4或0.6就够了。ie8以下浏览器写法为：filter：alpha(opacity=40)；值为0到100.一般为了兼容同时写两种。

4、亲，我们经常会使用到背景图片，但有时候需要把背景图片设置一个半透明的效果，那么就需要以下的CSS了。这是一个CSS滤镜达到的效果，应用十分广泛。

不透明的80%灰色，无论是ppt背景色还是形状的颜色，都可以通过。填充纯色-颜色—更多颜色——自定义——RGB分别是：5551设置。半透明的80%的灰色，是先填充纯黑色，设置透明度 20%就可以了。

这个是需要应用css的滤镜来实现的，但是只有IE浏览器支持。

CSS在这方面的能力远远在 HTML 之上。 ( 推荐学习：CSS基础教程 )背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。

在css中，可以利用background属性设置背景为灰色，只需要给元素添加“background：#c0c0c0”样式即可。在css中，可以利用opacity属性设置元素的透明度，opacity 属性设置元素的不透明级别。规定不透明度。

文章题目：css样式灰色设置 css中灰色颜色代码
新闻来源：http://6mz.cn/article/dihegjd.html