网上科普有关“css怎么实现中一部分圆形不透明啊? ”话题很是火热,小编也是针对css怎么实现中一部分圆形不透明啊?寻找了一些与之相关的一些信息进行分析 ,如果能碰巧解决你现在面临的问题,希望能够帮助到您。
围观一堆坑货 。人家说的是CSS实现。
CSS3以下的是几乎无法实现的(可以利用.HTC这种古董东西)
实现代码(简化过了,只包含关键代码 ,不可直接使用):
<!DOCTYPE?html><!--?上面的DocType是HTML5声明防止某些浏览器不识别,旧版本IE(低于或者等于IE8)无效?-->
<div?>
<div?>
</div></div>.outer?{
background:pink;
width:100%;height:100%;
position:relative;
}
/*?为了实现透明效果我们要有个背景?*/
.inner?{
background:black;
width:300px;height:300px;
position:absolute;
border-radius:100%;
behavior:url(yourbehavior.htc);
}
/*?用CSS3新特性圆角来做出圆形效果,border-radius设定为100%为完全圆角(把整个元素变成椭圆形 ,如果是像素则会制作出一个绝对正圆的圆角,类似圆角长方形或者香肠形)。
宽高必须相等才是正圆 。
位置相对定位来保证圆的位置,本例随便做的位置。
behavior是IE低版本的一个绘图功能组件 ,现在网上有许多可以现成使用的behavior,例如PIE.htc,挑选一个能实现圆角效果并且最适合你的插件来安装使用?*/
当然,PNG实现是最简单的 ,也是最不负责的
关于“css怎么实现中一部分圆形不透明啊?”这个话题的介绍,今天小编就给大家分享完了,如果对你有所帮助请保持对本站的关注!
本文来自作者[亦白]投稿,不代表哔哔号立场,如若转载,请注明出处:https://www.ibb4.com/cshi/202512-1053.html
评论列表(4条)
我是哔哔号的签约作者“亦白”!
希望本篇文章《css怎么实现中一部分圆形不透明啊?》能对你有所帮助!
本站[哔哔号]内容主要涵盖:国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览:网上科普有关“css怎么实现中一部分圆形不透明啊?”话题很是火热,小编也是针对css怎么实现中一部分圆形不透明啊?寻找了一些与之相关的一些信息进行分析,如果能碰巧解决你现在面临...