jQuery:设置除子元素之外的整个元素的不透明度?
我不知道这是否可能 我的标题中有一个jQuery:设置除子元素之外的整个元素的不透明度?,jquery,html,css,select,opacity,Jquery,Html,Css,Select,Opacity,我不知道这是否可能 我的标题中有一个div#branding。标题中有多个其他元素。 我希望我的标题的所有子项的不透明度为0.3,而不是#branding div 我怎样才能做到这一点 我试过用下面的作品,但不起作用 $('header div:not(#branding')).css('opacity','0.3') 谢谢您的帮助。您可以尝试: $('header div').not('#branding').css('opacity', '0.3'); 编辑 至于继承不透明性-子对象的不透
div#branding
。标题中有多个其他元素。
我希望我的标题的所有子项的不透明度为0.3,而不是#branding div
我怎样才能做到这一点
我试过用下面的作品,但不起作用
$('header div:not(#branding')).css('opacity','0.3')代码>
谢谢您的帮助。您可以尝试:
$('header div').not('#branding').css('opacity', '0.3');
编辑
至于继承不透明性-子对象的不透明性不能低于父对象,但可以更不透明
它应该尝试:
$('header div').not('#branding').css('opacity', '0.3');
编辑
至于继承不透明性-子对象的不透明性不能低于父对象,但可以更不透明
试试这个:
$('div#header').children().css('opacity', '0.3');
它选择div#header的所有子项,并仅对它们应用不透明度。()
演示:试试这个:
$('div#header').children().css('opacity', '0.3');
它选择div#header的所有子项,并仅对它们应用不透明度。()
演示:根本不可能。您必须为所需的每个子元素设置不透明度。试试这个
$('headerSelector').children(":not(#branding)").css('opacity', '0.3');
这根本不可能。您必须为所需的每个子元素设置不透明度。试试这个
$('headerSelector').children(":not(#branding)").css('opacity', '0.3');
每当我遇到这个问题,我都会尽可能简单地解决,也许不是最优雅的解决方案,但我只是创建一个包装器div,即:
<div id="headerWrapper">
<div id="header">...</div>
<div id="branding"></div>
</div>
...
接下来的问题就是如何使用css“position:relative”和“z-index”属性将品牌定位在顶部。它将不再是标题的子项,但它位于包装器中,因此如果您想要侦听特定事件,仍然可以
我希望这能有所帮助。每当我遇到这个问题时,我都会尽可能简单地解决,也许不是最优雅的解决方案,但我只是创建一个包装器div,即:
<div id="headerWrapper">
<div id="header">...</div>
<div id="branding"></div>
</div>
...
接下来的问题就是如何使用css“position:relative”和“z-index”属性将品牌定位在顶部。它将不再是标题的子项,但它位于包装器中,因此如果您想要侦听特定事件,仍然可以
我希望这会有所帮助。不会产生预期的效果。在投票否决之前,请自己试一试啊,很公平。很抱歉,已经很晚了+1@Pekka-这有点烦人,只说这不能在多个答案上产生期望的结果。你应该说为什么。你自己的答案似乎是假设他们试图在家长身上设置不透明性,这不是我理解问题的方式。@Pekka谢谢-dankeschön:这部作品不会产生预期的效果。在投票否决之前,请自己试一试啊,很公平。很抱歉,已经很晚了+1@Pekka-这有点烦人,只说这不能在多个答案上产生期望的结果。你应该说为什么。你自己的答案似乎是假设他们试图在家长身上设置不透明性,这不是我理解问题的方式。@Pekka谢谢-dankeschön:D@dotweb你试过了吗?如果在父元素上设置opacity
,则所有子元素将继承该属性作为“基本”不透明度。不能使子元素比其父元素更不透明。确实如此。请看我在我的帖子上的评论。@pekka-但它们并不一定在不同的层次上。你只需要排除#branding@Jacek是的,我完全忽略了这一点。删除了我的-1并准备今天睡觉:)各位-在向下投票之前先阅读我的答案,我说我们可以将不透明度单独应用于子元素,如果我们将其设置为具有不同不透明度的父元素和子元素,这是不可能的。@dotweb您试用过吗?如果在父元素上设置opacity
,则所有子元素将继承该属性作为“基本”不透明度。不能使子元素比其父元素更不透明。确实如此。请看我在我的帖子上的评论。@pekka-但它们并不一定在不同的层次上。你只需要排除#branding@Jacek是的,我完全忽略了这一点。删除了我的-1并准备今天睡觉:)各位-在向下投票之前先阅读我的答案,我说我们可以单独将不透明度应用于子元素,如果我们将其设置为具有不同不透明度的父元素和子元素,这是不可能的。从不同且相互冲突的答案可以看出,人们对你的要求感到困惑。请包括一些有代表性的HTML以消除混淆。尤其是,人们需要知道,您是否试图对除一个之外的所有子项设置不透明度,或者是否包括父项。此问题的标题与您在文本中描述的完全相反。请更改标题,因为这是一个更复杂的问题,我是通过寻找答案来解决的。从不同且相互矛盾的答案可以看出,人们对你的问题感到困惑。请包括一些有代表性的HTML以消除混淆。尤其是,人们需要知道,您是否试图对除一个之外的所有子项设置不透明度,或者是否包括父项。此问题的标题与您在文本中描述的完全相反。请更改标题,因为这是一个更复杂的问题,我是通过寻找答案来解决的。你是对的。实际上,您可以设置“不透明度”值,但由于父项基本上是隐藏的,因此它将不可见。@Jacek_FH:+1但您应该更新您的小提琴以包含一个品牌div-您是对的。实际上,您可以设置“不透明度”值,但由于父项基本上是隐藏的,因此它将不可见。@Jacek_FH:+1但您应该更新您的小提琴以包含一个品牌div-