网页里面怎么在图片上加一个透明层,不用CSS虑镜里的alpha,请知道的告知下,急!

网页里面怎么在图片上加一个透明层,不用CSS虑镜里的alpha,请知道的告知下,急!,第1张

这个简单,可以在photoshop里面做一个长宽1像素的透明图,存储为web所有格式 选GIF格式(记得勾选透明) ,然后在css里面调用那张图片,譬如:<div class="touming"><div>图片</div></div> 在css文件里写 .touming{ background: url(..你的路径/touming.gif)width:你图片需要的大小height:你图片需要的高度} 这样就可以了,不信你可以试试在测试网页里 点击右键另存为 是不是那张GIF透明图片

<div style="position:relative/*这个是相对路径*/"><div style="position:absolute/*这个是绝对路径这样你的*/">这个是新建图层,这个图片最右和最顶部不设置Left和Top的情况下,会和放图片的位置保存左上角对齐的</div><img src="你的图片路径" /></div>

上面的代码可以直接放到页面里Body区域里。就可以看到效果了。建议要把两个DIV定义上宽和高。希望我的回答能给你帮助。


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

原文地址: http://outofmemory.cn/bake/11648511.html

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

发表评论

登录后才能评论

评论列表(0条)

保存