![](/img/trans.png)
[英]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.