Как поставить Div на другое Div с прозрачным фоном?

Я хочу поместить div (1) с прозрачным фоном в верхнюю часть другого Div (2). Потому что я хочу, чтобы весь элемент, который div (2) содержит disable. поэтому, если я поместил div (1) поверх div (2), то элементы, находящиеся внутри div (2), больше не будут кликером.

+6
10 сент. '11 в 19:52
источник поделиться
5 ответов

Вы можете добавить прозрачный оверлей поверх своего контента, например:

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

+1
10 сент. '11 в 20:05
источник

использовать свойство Z-index.

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

//outer div

    .div2
    {
     z-index : 10;
    }

div2 над слоем div1.

Также проверьте существующий вопрос: Как наложить один div на другой div

+2
10 сент. '11 в 19:54
источник

Используйте z-index для div DIV

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

использовать

непрозрачности: 0.5

для DIV 1. к сожалению, все IE не смогли поддерживать непрозрачность

+1
10 сент. '11 в 19:57
источник

Праная верна. Я лично использую этот метод для наложений; например:

#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;
}
+1
10 сент. '11 в 20:01
источник

Мне это нужно как вы, но я использую этот код:

<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>
0
30 дек. '14 в 11:40
источник

Посмотрите другие вопросы по меткам или Задайте вопрос