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

同时使用border-radius和box-shadow(CSS)

如何解决《同时使用border-radius和box-shadow(CSS)》经验,为你挑选了1个好方法。

好吧,我知道这些属性都没有得到完全支持,但无论如何我都在使用它们:P

当我添加border-radius和box-shadow(包含和不包含供应商前缀)时,border-radius的半径对于box-shadow是不透明的.示例:http://cndg.us/3f41a0

这有可能解决吗?我也注意到-webkit-box-shadow有一些隐藏div的问题.



1> meo..:

可以在这里查看:http: //jsfiddle.net/Zw4QA/1/

我认为你的div里面有一个带有圆形角的元素.您必须将角应用于此元素.目前,除非您在CSS中指定,否则父元素上的圆角将不会应用于子元素.

更多CSS3魔术检查此链接:http: //css3please.com/

请注意,每个浏览器都有自己的处理阴影和边界半径的方法 http://thany.nl/apps/boxshadows/

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