Div перекрытием друг на друга

вот jsFiddle: FIDDLE Div перекрытием друг на друга

Есть два div .One находится между содержанием страницы и другой div в конце контента (приходит после прокрутки) .Теперь проблема, я хотел первый div перекрывать второй div, но сделать это я не знаю, как сделать it.It будет динамической страницы, чтобы страница height продолжает меняться, так что я не могу position его absolute и top или bottom ключевых слов. Как это сделать ?? Примечание: требование перекрытия оранжевого цвета на красном.

источник

2013-09-17 XeeMez AsHu

Что вы имеете в виду "перекрывание"? Вы хотите, чтобы оранжевый диван лежал прямо над красным диваном? Примечание. Вы используете z-index, чтобы узнать, кто сверху. Самые большие номера сверху. Если вы не добавите индекс z, первый из них будет иметь меньший z-индекс. – zipzit

, что wud будет очевидно использовать z-index.My проблема postioning.how, чтобы разместить его как требуется.BTW Я добавил Z-index к скрипке –

Ответ заключается в использовании JQuery, чтобы определить местоположение первого (оранжевый) div, чем использовать эти значения для управления расположением второго (красного) div. http://jsfiddle.net/4Zaqg/5/ Принял меня немного, чтобы понять это. Проблема заключалась в дополнительном наборе {} скобок.

Очевидно, что я не касался z-индекса, но вместо этого немного изменил размер divs, чтобы проверить, что происходит ... OH, и, пожалуйста, скажите мне, что это не домашнее задание.

Добавить этот скрипт в HTML файл

$(document).ready(function() { 
    var o = $("#orange").offset(); 
    $("#red").offset({left:o.left, top:o.top}); 
});

источник

2013-09-17 05:28:57 zipzit

нет, это была не домашняя работа, хотя я стартер в «JavaScript». Так это было немного сложно для меня. Но спасибо, что это сработало сглаженно –

одна рекомендация для вас. Сделав учебник http://try.jquery.com, я узнал много о jquery, но также много о CSS и javascript. Пока я не сделал этот учебник, я никогда не понимал, что такое сумасшедшая нотация $() ... – zipzit

Я, конечно же, дам ему выстрел. –

Я нашел way.we может иметь код CSS, как это сделать это:

#orange{ 
    width:100%; 
    height:50px; 
    background-color:orange; 
    position:relative; 
    top:50px; 
    z-index:2; 


} 
#red{ 
    width:100%; 
    height:50px; 
    background-color:red; 
    z-index:1; 
}

скрипку: click here

источник

2013-09-17 05:00:13

Div перекрытием друг на друга

ответ

Смежные вопросы