Jquery 非透明父对象中的透明子对象

Jquery 非透明父对象中的透明子对象,jquery,html,css,transparency,Jquery,Html,Css,Transparency,问这个问题的另一种方法(如果你知道illustrator/photoshop)是你能从父母身上减去一个孩子吗 有没有办法使用jQuery或其他工具(因为我怀疑CSS是否足够强大)来做到这一点 我的目标是将其用作“活动页面”指示器。因此,当about是活动页面(正在查看的页面)时,会有一个小的三角形指示器,它通过父元素是透明的,因此您可以看到主体的背景。您无法从子元素获得透明的背景,但您可以使用css设计特定的形状。这样你就可以在你想要的地方显示背景。试试这个例子: #myParentDiv{

问这个问题的另一种方法(如果你知道illustrator/photoshop)是你能从父母身上减去一个孩子吗

有没有办法使用jQuery或其他工具(因为我怀疑CSS是否足够强大)来做到这一点


我的目标是将其用作“活动页面”指示器。因此,当about是活动页面(正在查看的页面)时,会有一个小的三角形指示器,它通过父元素是透明的,因此您可以看到主体的背景。

您无法从子元素获得透明的背景,但您可以使用css设计特定的形状。这样你就可以在你想要的地方显示背景。试试这个例子:

#myParentDiv{
高度:200px;
宽度:100%;
背景:蓝色;
填充物:5px;
}
#myDiv{
高度:100px;
宽度:100px;
背景:红色;
填充物:5px;
-webkit剪辑路径:多边形(100%0、100%60%、53%60%、53%100%、01100%、0);
剪辑路径:多边形(100%0、100%60%、53%60%、53%100%、01100%、0);
}

我的部门

您无法从子元素获得透明背景,但可以使用css设计特定形状。这样你就可以在你想要的地方显示背景。试试这个例子:

#myParentDiv{
高度:200px;
宽度:100%;
背景:蓝色;
填充物:5px;
}
#myDiv{
高度:100px;
宽度:100px;
背景:红色;
填充物:5px;
-webkit剪辑路径:多边形(100%0、100%60%、53%60%、53%100%、01100%、0);
剪辑路径:多边形(100%0、100%60%、53%60%、53%100%、01100%、0);
}

我的部门

CSS功能强大-->检查剪辑路径CSS功能强大-->检查剪辑路径谢谢!这给我指明了正确的方向!我最后做了。主动导航三角{宽度:0;高度:0;边框顶部:10px实心透明;边框底部:10px实心透明;边框右侧:10px实心#333;位置:绝对;rlight:0;top:17px;}谢谢!这为我指明了正确的方向!我最后做了…活动导航三角形{宽度:0;高度:0;边框顶部:10px实心透明;边框底部:10px实心透明;边框右侧:10px实心#333;位置:绝对;r右:0;右:17px;}