是否可以从一个 div 转换一个盒子阴影,但不允许阴影转换到某些其他 div 上?
换个思路:是否可以排除某个div在其上绘制阴影?
具体例子:http://jsfiddle.net/Cd6fE/
如何让 .p1
转换的阴影不转换到 .noShadowsOnMePlease
上,而是继续将它的阴影转换到其他 div 上?
如果那是唯一的解决方案,我完全愿意使用 js/jquery,但是谁不想用纯 css 来做呢,amiright?
解决方案: 基本上不会,但是如果阴影是静态的,你可以伪造它。
另外,如果你处于最前沿,css masking 可能会起作用。截至 2014 年 1 月,浏览器支持可能参差不齐。没有 css 屏蔽的最佳解决方案:http://jsfiddle.net/zExS9/ - 使用 :before
选择器创建不可见的阴影 block ,然后 overflow hidden 。
真的让你渴望 accepts-shadows: false;
属性,不是吗?
最佳答案
恐怕答案是:不,你不能。
我能做的最好的:http://jsfiddle.net/Cd6fE/5/
您可以将您的.p1
设置为透明背景:它将在阴影上绘制一个透明形状。我认为这就是您所能做的。
然后我用蓝色伪元素隐藏最后的阴影部分。
关于jquery - 如何仅在某些元素上转换框阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21098956/