Javascript 高度自动在背景div中不起作用

Javascript 高度自动在背景div中不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想显示一个背景是透明的div,并且透明度不会影响特定div的顶部 <div id="content"> <div id="transparncy"></div> <div id="contentdata"> <div id="left"> <p></p> </div> <div id="right">

我想显示一个背景是透明的div,并且透明度不会影响特定div的顶部

<div id="content">
    <div id="transparncy"></div>
    <div id="contentdata">
        <div id="left">
          <p></p>
        </div>
        <div id="right">
            <p></p>
         </div>
    </div>
</div> 

我的问题是,当我在#contentdata中添加更多数据时,我可以按比例调整#transparncy的高度(不能增加背景透明div)。我怎样才能解决这个问题。请帮助我

这个问题可以通过将
底部:0
添加到CSS的
#transparncy
部分来解决。

这个问题可以通过将
底部:0
添加到CSS的
#transparncy
部分来解决。

这个问题可以通过将
底部:0
添加到CSS的
部分来解决CSS.

这个问题可以通过在CSS的
#transparncy
部分添加
bottom:0
来解决。

不给透明添加新的空白div,而是将相同的类名添加到
id=“contentdata”
div并生成
背景:rgba(255,0,0,0.4)这不会将透明度应用于文本,但仅适用于bg

HTML

<div id="contentdata" class="transparncy">...</div>

将相同的类名添加到
id=“contentdata”
div中,并使
background:rgba(255,0,0,0.4),而不是为transparency赋予新的空白div这不会将透明度应用于文本,但仅适用于bg

HTML

<div id="contentdata" class="transparncy">...</div>

将相同的类名添加到
id=“contentdata”
div中,并使
background:rgba(255,0,0,0.4),而不是为transparency赋予新的空白div这不会将透明度应用于文本,但仅适用于bg

HTML

<div id="contentdata" class="transparncy">...</div>

将相同的类名添加到
id=“contentdata”
div中,并使
background:rgba(255,0,0,0.4),而不是为transparency赋予新的空白div这不会将透明度应用于文本,但仅适用于bg

HTML

<div id="contentdata" class="transparncy">...</div>

这个问题很简单,问起来也很相关

您已使用最小高度:250px; 无论内部/子上下文或div的高度是多少,在您的情况下,最小高度为父div#content#transparncy的最小高度为250px

只需删除最小高度,我将作为高度自动:)

更新代码:

#content #transparncy {
opacity:.4;
filter:alpha(opacity=40);  
-moz-opacity:0.4;   
background-color:Red;  
width:100%; 
height:auto;
overflow:auto;
position:absolute;  
top:0px;  
left:0px;  
z-index:-1;
}

这个问题很简单,可以问出来

您已使用最小高度:250px; 无论内部/子上下文或div的高度是多少,在您的情况下,最小高度为父div#content#transparncy的最小高度为250px

只需删除最小高度,我将作为高度自动:)

更新代码:

#content #transparncy {
opacity:.4;
filter:alpha(opacity=40);  
-moz-opacity:0.4;   
background-color:Red;  
width:100%; 
height:auto;
overflow:auto;
position:absolute;  
top:0px;  
left:0px;  
z-index:-1;
}

这个问题很简单,可以问出来

您已使用最小高度:250px; 无论内部/子上下文或div的高度是多少,在您的情况下,最小高度为父div#content#transparncy的最小高度为250px

只需删除最小高度,我将作为高度自动:)

更新代码:

#content #transparncy {
opacity:.4;
filter:alpha(opacity=40);  
-moz-opacity:0.4;   
background-color:Red;  
width:100%; 
height:auto;
overflow:auto;
position:absolute;  
top:0px;  
left:0px;  
z-index:-1;
}

这个问题很简单,可以问出来

您已使用最小高度:250px; 无论内部/子上下文或div的高度是多少,在您的情况下,最小高度为父div#content#transparncy的最小高度为250px

只需删除最小高度,我将作为高度自动:)

更新代码:

#content #transparncy {
opacity:.4;
filter:alpha(opacity=40);  
-moz-opacity:0.4;   
background-color:Red;  
width:100%; 
height:auto;
overflow:auto;
position:absolute;  
top:0px;  
left:0px;  
z-index:-1;
}

正确答案更新小提琴()

主要问题是您未正确使用

 <div id="transparncy">
          contentdatas....
    </div>

内容数据。。。。

正确答案更新小提琴()

主要问题是您未正确使用

 <div id="transparncy">
          contentdatas....
    </div>

内容数据。。。。

正确答案更新小提琴()

主要问题是您未正确使用

 <div id="transparncy">
          contentdatas....
    </div>

内容数据。。。。

正确答案更新小提琴()

主要问题是您未正确使用

 <div id="transparncy">
          contentdatas....
    </div>

内容数据。。。。


为什么您要使用这个高度作为diff div将内容数据置于透明状态下在外部关闭(transparncy)时签出我的演示。。内容数据……此处更新了FIDLE@印第安:那么内容的不透明度会更新得更少…为什么你要使用这个高度作为diff div将内容数据放在透明度下在关闭(transparncy)时签出我的演示。。内容数据……此处更新了FIDLE@印第安:那么内容的不透明度会更新得更少…为什么你要使用这个高度作为diff div将内容数据放在透明度下在关闭(transparncy)时签出我的演示。。内容数据……此处更新了FIDLE@印第安:那么内容的不透明度会更新得更少…为什么你要使用这个高度作为diff div将内容数据放在透明度下在关闭(transparncy)时签出我的演示。。内容数据……此处更新了FIDLE@印度人:那么内容的不透明度会更新得更少……但这不是透明背景。请检查我编辑的这段代码,您正在主div中添加
class=“transparncy”
,这就是为什么不可见的原因。将它添加到
id=“contentdata”
div中,您已经更改了id名称,这就是原因。检查我编辑的答案。谢谢。我得到了答案,但仍然有问题,内容的不透明度较低,我如何解决this@Parvathiiiii如果你能正确地检查我答案中的提琴,你将看不到任何内容的透明度。内容为黑色。但这不显示透明背景。请检查我编辑的这段代码,您正在主div中添加
class=“transparncy”
,这就是为什么不可见的原因。将它添加到
id=“contentdata”
div中,您已经更改了id名称,这就是原因。检查我编辑的答案。谢谢。我得到了答案,但仍然有问题,内容的不透明度较低,我如何解决this@Parvathiiiii如果你能检查一下我房间里的小提琴