ddgw.net
当前位置:首页 >> Css图片透明度 >>

Css图片透明度

如设置50%的透明度 前一个支持ie,后一个支持ff等 img {filter:alpha(opacity=50);opacity:0.5;}

将一个div设置为绝对定位,在这个div下设置背景图片与改变图片透明度.举例:html :<div id="content"><h1>Hello world!</h1></div> <div id="background"></div>css:#background{ width:100%;height:100%;position:absolute;top:0px;opacity: 0.6;background-image: url(test.jpg);background-size: 500px 500px;} 亲测能看到效果.

透明属性:火狐下opacity:(0到1之间的数字)opacity:0.5; IE下 filter:alpha(opacity:0到100之间数字)filter:alpha(opacity=50)

之前,回答过一个这样的问题,,说明一下,背景图片是调整不了透明度的,你只能调整容器的透明度来实现容器内的背景,内容也出现透明度.<style>#box{width:200px;height:200px;background:url(背景路径); opacity:0.5; filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* 旧版IE */}</style><div id=box></div>

要用代码实现的话,那就是用滤镜 style="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)" 说明:Opacity:起始值,取值为0~100, 0为透明,100为原图.

png图片本省可以设置成透明的,或者设置background: transparent;

我还不知道设透明度,但是我知道设透明,在CSS里的背景中打transparent.就是background-color:transpatent;如果你要改背景图的透明度,其实可以在PS中去做.

一、不起作用的原因:1、写法错误.2、浏览器不兼容.二、css中正确的图片透明度写法:例:原图:css中加透明度写法:img{opacity:0.4;filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}这样图片显示为:说明:IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度.opacity 属性能够设置的值从 0.0 到 1.0.值越小,越透明.IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x).x 能够取的值从 0 到 100.值越小,越透明.

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

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>网页特效-用CSS控制透明图片</title><style>#top{position:absolute;}#top a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;}#top a:hover{font-

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