css半透明模糊背景 css设置半透明背景色

cssdiv实现一个小层的背景是半透明的但上面的文字是不透明的

1、div id=touming/div div id=words这里是要显示的文字/div /div /body /html 效果图：效果还不错，透明层有透明效果，文字可以正常显示出来。这个方法还行吧，哈哈。

2、上面的代码将第二个div设置为半透明，但是文字也出现了透明现象。

3、设置div透明度的时候可能会遇到这样一个问题，那就是对象中的文字也被产生了透明现象，也不能说事缺陷，也可能有时候需要这样的效果。这里就介绍一下如何将对象设置为透明效果，但是文字不透。

4、html，编写问题基础代码。在index.html中的style标签中，对“article”添加样式：opacity： 0.5；，对“article p”添加样式：opacity： 1；。浏览器运行index.html页面，此时背景是50%透明度，但字体是不透明的。

5、css滤镜只对IE有效，也够了 放个半透明的图片做背景不就可以了 是不背景要在字上面，主相对盖的绝对，用z-index试下。

相关问答

Q1: Css实现背景图片半透明效果。

1、你的图片跟第二个层在同一个层里，第二个层又是相对定位，当然不行了。

2、最常见的做法事设置元素的opacity，这种设置出来的效果就是内容与背景都事半透明的，严重影响视觉效果。还有就是设置background-color：rgba()，这种方式只能设置背景颜色的透明度。

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

4、但是，我们知道，Opera是支持Alpha透明的PNG图片的（当然Moz Family也支持）。所以我们可以使用背景图片来实现Alpha透明效果。

5、说明一下，背景图片是调整不了透明度的，你只能调整容器的透明度来实现容器内的背景，内容也出现透明度。

Q2: CSS如何定义DIV背景半透明颜色

1、首先，用大家比较熟悉的CSS属性opacity来改变div的背景颜色。

2、不过如果你只需求在IE下实现，我们有更简单的做法：HTML代码：div 　div 　p背景为红色(#FF0000)，透明度20%。

3、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。然后我们添加一个透明度的代码（opacity：0.6）。

4、再次保存代码并打开浏览器预览效果。可以找到元素的背景色。注意事项：一般来说，我们可以使用CSS的opcity属性来改变一个元素的透明度，但是它的子元素的透明度也会改变，即子元素被重新定义了。

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

6、运行页面，可以看到现在div里有一个子div和一个p段落。我们点击删除按钮。点击后，可以看到现在div里的内容全部被删除了。

关于css半透明模糊背景和css设置半透明背景色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。