[英]How to put div above another div and increase height of background div
[英]How to put a Div on another Div with transparent background?
我想将具有透明背景的div(1)放在另一个Div(2)的顶部。 因为我想使div(2)包含的所有元素都禁用。 因此,如果我将div(1)放在div(2)之上,则位于div(2)内的元素将不再是单击器。
利用Z-index
属性多数民众赞成它。
//inner div
.div1
{
z-index : 1;
}
//outer div
.div2
{
z-index : 10;
}
div2覆盖div1。
还要检查现有的问题答案: 如何将一个div覆盖在另一个div上
对两个div DIV使用z-index
使用
不透明度:0.5
对于DIV 1.不幸的是,所有IE都不支持不透明性
普兰尼是正确的。 我个人将这种技术用于叠加层; 例如:
#overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #333333;
//Cross-browser opacity below
-moz-opacity:.80;
filter:alpha(opacity=80);
opacity:.80;
z-index: 10000000;
}
我需要像您一样的东西,但是我使用以下代码:
<div class="content"><object type="application/x-shockwave-flash" height="100" width="222" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf">
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf" />
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />
<param name="flashvars" value="
&timer=1&
&time_template=2:ss;1:mm;0:hh&
&time_color=0x000000&
&label_color=0x000000&
&background_color=0xFFFFFF&
&flare_view=true&
&time_label=d:DAY;h:HOUR;m:MIN;s:SEC&
&time_zone=Local time&
&event_time=year:2014;month:1;day:1;hour:0;minute:0;seconds:0&
&event_duration=year:0;month:0;day:0;hour:0;minute:0;seconds:0&
&event_recursion=yearly&
&onpress_url=-&
&event_onpress_url=-&
&title=Nový rok je za:&
&event_title=event&
&sound_file=-&
&event_sound_file=-&
&transparent=true&
" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
</object><div class="overlay"></div></div>
您可以在内容上添加透明覆盖,如下所示:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.