css里图片半透明怎么写

css里图片半透明怎么写,第1张

要用代码实现的话,那就是用滤镜
style="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"
说明:
Opacity:起始值,取值为0~100, 0为透明,100为原图。
FinishOpacity:目标值。
Style:1或2或3
StartX:任意值
StartY:任意值
例子:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
但是因为滤镜的兼容性问题,最好是不要用,你可以用ps做图的时候,把背景调一下透明度后导成png格式的就行了,如果透明的背景颜色一样的话,那么你可以切成1px1px大小的png平铺,gif只支持透明度100%也就是完全透明的,半透明的不支持,而png格式的则不存在什么问题,唯一会有问题的地方就只是IE6不兼容透明png格式而已,我的百度空间有解决IE6透明的问题

“长城郭靖”回答的是错的,他答的是让整个元素半透明

只让背景半透明只有一个办法,就是用rgba颜色,代码如下

background: rgba(0, 0, 0, 05)

解释:这是黑色半透明的代码

 前三个值表示颜色的red,green,blue值

 最后一个表示alpha值,就是透明度值,不透明为1

 (支持IE8+以及所有现代浏览器)

还是不懂的话,可以参考 百度百科 “rgba”词条 和 “CSS 颜色值”词条

<div class="box"><div>box{
    opacity: 05;
}

opacity数值0-1之间,0是完全透明,1是完全不透明。你要是半透明是05

不大清楚你的意思,是不是去掉照片周围的白色框框?你可以找到
#m_pro photo{background:#FFF;border:1px solid #DDD}
改为 #m_pro photo{background:transparent}

可以,定义它的Alpha值
halfalpha { background-color: #000000; filter: Alpha(Opacity=50)}
然后在层标签中加<div class="halfalpha"> 你自己慢慢调试!


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13345380.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-18
下一篇 2023-07-18

发表评论

登录后才能评论

评论列表(0条)

保存