web中css将背景图片变暗，css背景为图片

如何将css的背景颜色设置为无色

这有个问题。首先用最单的办法是用CSS3 background-color：rgba(0，0，0，0.5)；但这个兼容性你懂的。第二种就是他们说的这样了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。

打开Dreamweaver8，分别新建html和css格式的文件，分别存放在桌面web文件夹中的根目录和CSS文件夹中。

以CSS3为例来进行设置： Option - color - Editor Color - view setups界面的右上角选择Bright Night 。

把样式中的 background：#000000 去掉即可。另外color：#FFFFFF这个颜色要改为其它颜色值，否则背景和字体的颜色一样了就看不到字。

首先你要确定，你的灰色背景不是图片自带的。在这个前提下，你可以通过浏览器（在浏览器页面按F12，然后点击灰色背景）找到这个灰色背景的标签。然后你会看到background：#xxxxxx；这个样式。

相关问答

Q1: DIV设置了背景图片,如何用CSS改变其颜色

1、用CSS设置颜色与背景 颜色设置 背景设置 圆角边框和图像边框 用CSS设置图像效果 为图片添加边框 图片缩放 color属性是用于控制HTML元素内文本的颜色，取值可以使用下面的任意一种方式。

2、借助background-color实现渐变过渡 background-image虽然不支持CSS3 transition过渡，但是background-color支持啊，于是，通过控制背景颜色，和一个颜色呈现技巧，我们也是可以实现渐变过渡效果的。

3、给div容器设置背景颜色的方法如下：假设需要设置背景颜色的div的ID为box，则css可以这样写：box{background-color：#fff；}。这样的话这个div容器的背景颜色就被设置成了白色。

Q2: 鼠标点击DIV时,如何使DIV背景图片变暗?

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(#a).css(-webkit-filter， grayscale(50%))；。

2、在ue编辑器中新建一个空白的html文件，css文件，js文件。在ue编辑器中输入以下html代码。在ue编辑器中输入以下css代码。在ue编辑器中输入以下js代码。

3、设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

4、这种就是点击弹出窗口，可以关闭，背景变暗，你所说的这几个需求都满足了。补充：还有这段代码。你试一下吧。

5、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的a标签，输入js代码中的style属性中输入：hover{color： #0a6aa1}。

web中css将背景图片变暗的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景为图片、web中css将背景图片变暗的信息别忘了在本站进行查找喔。