Come mettere un Div su un altro Div con sfondo trasparente?

Voglio mettere un div (1) con sfondo trasparente sulla parte superiore di un altro Div (2). Perché voglio rendere tutto disattivabile l'elemento div (2). quindi, se metto div (1) sopra div (2), allora gli elementi che si trovano all'interno di div (2) non saranno più clicker.Come mettere un Div su un altro Div con sfondo trasparente?

fonte

2011-09-10 Mahesh Thumar

possibile duplicato di [Come sovrapporre un div su un altro div] (http://stackoverflow.com/questions/2941189/how-to-overlay-one-div-over-another-div) –

è possibile aggiungere una sovrapposizione trasparente sopra i contenuti, in questo modo:

http://jsfiddle.net/andresilich/WHEK3/1/

fonte

2011-09-10 20:05:50

questo non funziona. –

@Andres Ilich penso ther e qualche problema con il tuo violino –

per favore aggiorna il violino come è stato detto da Parag –

fare uso di proprietà Z-index questo esso.

//inner div 
    .div1 
    { 
    z-index : 1; 
    } 

//outer div 

    .div2 
    { 
    z-index : 10; 
    }

div2 over lay div1.

controllare anche rispondere alla domanda esistente: How to overlay one div over another div

fonte

2011-09-10 19:54:04

Usa z-index sia per div DIV

http://www.w3schools.com/cssref/pr_pos_z-index.asp

uso

opacità: 0.5

per la DIV 1. purtroppo tutto IE non potrebbe sostenere l'opacità

fonte

2011-09-10 19:57:43 Muhammed

Vedere la mia risposta per l'opacità IE; funziona sicuramente in IE 8 e 9, ma penso che funzioni anche in IE 6 e 7. – ClarkeyBoy

@ClarkeyBoy IE 6, 7 e 8 non supporta coud opacità :( – Muhammed

meh .. buon vecchio Microsoft eh gettando sempre un bastone tra le ruote ...: D? – ClarkeyBoy

Pranay è corretta. Personalmente uso questa tecnica per gli overlay; per esempio:

#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; 
}

fonte

2011-09-10 20:01:02 ClarkeyBoy

ne ho bisogno come te, ma io di questo codice:

<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>

fonte

2013-12-30 11:40:13

Come mettere un Div su un altro Div con sfondo trasparente?

risposta

Problemi correlati