jquery - 如何仅在某些元素上转换框阴影

标签 jquery css

是否可以从一个 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/

相关文章:

javascript - 根据用户点击向所有页面添加样式表

css - 如何定义一组 CSS 类名以便 Vim 知道如何自动完成

javascript - if .html() 有特定值

javascript - $ ("input[type=username]").val() 返回未定义

javascript - 如何使用 JQuery 将 css 属性应用于子元素

java - 我已经尝试了所有可能的方法来使用 Webdriver 定位元素,但出现错误 "Unable to locate Element"

javascript - 使用 Aria-Expanded 切换类

jquery - Cakephp:使多个复选框表现得像单选按钮

css - Flexbox:单列到堆叠多列

css - 我可以使 div 类可点击吗?