¿Cómo poner una div en otra div con fondo transparente?

Quiero poner un div (1) con fondo transparente en la parte superior de otra Div (2). Porque quiero hacer que todo el elemento que div (2) contiene deshabilite. Entonces, si pongo div (1) sobre div (2), los elementos que están dentro de div (2) ya no serán clicker.¿Cómo poner una div en otra div con fondo transparente?

Fuente

2011-09-10 Mahesh Thumar

posible duplicado de [Cómo superponer un div sobre otro div] (http://stackoverflow.com/questions/2941189/how-to-overlay-one-div-over-another-div) –

Es posible añadir una capa transparente sobre su contenido, así:

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

Fuente

2011-09-10 20:05:50

esto no funciona. –

@Andres Ilich Creo Ther Hay algún problema con su violín –

por favor actualice su violín como se ha dicho por Parag –

hacer uso de la propiedad Z-index eso es todo.

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

//outer div 

    .div2 
    { 
    z-index : 10; 
    }

div2 over lay div1.

también comprobar pregunta de respuesta existente: How to overlay one div over another div

Fuente

2011-09-10 19:54:04

Uso z-index tanto div DIV

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

uso

opacidad: 0,5

para el DIV 1. desgraciadamente IE no puede apoyar la opacidad

Fuente

2011-09-10 19:57:43 Muhammed

Vea mi respuesta para la opacidad de IE; ciertamente funciona en IE 8 y 9, pero creo que también funciona en IE 6 y 7. – ClarkeyBoy

@ClarkeyBoy IE 6, 7 y 8 no admite la opacidad coud :( – Muhammed

meh .. bueno de Microsoft eh siempre lanzando un palo en la rueda ...: D – ClarkeyBoy

Pranay es correcta. Yo personalmente uso esta técnica para superposiciones; por ejemplo:

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

Fuente

2011-09-10 20:01:02 ClarkeyBoy

lo necesito como tú, pero yo uso este código:

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

Fuente

2013-12-30 11:40:13

¿Cómo poner una div en otra div con fondo transparente?

Respuesta

Cuestiones relacionadas