knrt.net
当前位置:首页 >> Css实现背景图片半透明效果. >>

Css实现背景图片半透明效果.

在要透明层的div上加以下CSS代码 div{ filter:alpha(opacity=50); /*支持 IE 浏览器*/ -moz-opacity:0.50; /*支持 FireFox 浏览器*/ opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/ }

你的图片跟第二个层在同一个层里,第二个层又是相对定位,当然不行了。 .alpha{filter:alpha(opacity=30);width:400px;} asdfasdfd sdfsdfsdfsdfsdf 或者: .alpha{filter:alpha(opacity=30);width:400px;} asdfasdfd sdfsdfsdfsdfsdf

实现透明的css方法通常有以下3种方式(以下是不透明度都为80%的写法) css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8 css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8) IE专属滤镜 filter:Alpha(opa...

可以设置半透明 div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明: 1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 2、-moz-opacity:对mozilla firefox火狐浏览器...

css里给背景图片变透明点 给图片的div加什么代码才能实现,首先我们如果在一个div中做的话,必然会是这个div整体变的透明,而不单独是背景,所以我们需要2个div,一个做背景层,然后一个显示内容,层的概念,z-index的数值越大,层就越在上面,...

说明一下, 背景图片是调整不了透明度的,你只能调整容器的透明度来实现容器内的背景,内容也出现透明度。 #box{ width:200px; height:200px; background:url(背景路径); opacity:0.5; filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=5...

CSS Alpha透明的相关知识。先请看如下代码: filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/ 简单解释,IE使用私有属性filter:alpha(opacity),Moz Family使用私有...

有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。 CSS: filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器...

css问题filter: alpha(opacity=100,finishopacity=0,style=2) alpha是来设置透明度的,它的基本属性是filter:alpha(opacity,finishopacity, style,startX,startY,finishX,finishY). opacity代表透明度数,选值0-100,0是完全透明,100是不...

你应该把背景图片单独做一个层,让它透明,其他内容放到另一个同样大小的层内,利用绝对定位覆盖在背景层上。

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com