Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery:设置除子元素之外的整个元素的不透明度?_Jquery_Html_Css_Select_Opacity - Fatal编程技术网

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-