当前位置:  开发笔记 > 前端 > 正文

图像中的CSS不透明度

如何解决《图像中的CSS不透明度》经验,为你挑选了1个好方法。

什么是使内盒透明的最佳方式(如果有的话),以便可以看到没有不透明度的图像(清晰图像),而外盒的其余部分是不透明的.到目前为止,这就是我正在做的事情:



有任何想法吗?谢谢



1> Rex M..:

元素的最大不透明度是其父元素的不透明度.因此,如果div#b的不透明度为40%,如果他的孩子在风格上具有100%的不透明度,那么他们的绝对不透明度也是40%.

要完成你所描述的内容(至少我认为你所描述的内容),一种方法可能是使透明包装器和父div的图像子元素具有相对定位.您绝对可以将两个子项放在该包装器内部,以便图像显示在透明框的顶部.

编辑:这是您描述的效果的代码.我的例子有一个480 x 320的图像和一个30像素的边框:



推荐阅读
贾志军
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有