Легко расположите элемент над другим элементом в jQuery?
Я должен расположить отделение над изображением с jQuery. Я могу создать его с использованием position: fixed и используйте вершину и оставленный расположить его с помощью смещения элементов, но это сосет, потому что элемент не будет сверху элемента, если пользователь прокрутит.
Какие-либо другие идеи?
2 ответа
Если вы делаете это в нескольких местах, вы можете сделать следующее:
<div style="position: relative;">
<div style="position:absolute; width: 276px; height: 110px; z-index: 2;">
Content here will be on top the image
</div>
<img style="width: 276px; height: 110px;" src='http://www.google.com/intl/en_ALL/images/logo.gif' alt="Test Img" />
</div>
Если вы сопоставите атрибуты стиля Вы можете увидеть пример этого в действии здесь: http://jsfiddle.net/ZcBus/ height / width во внутренних / внешних разделах, внутренний , и вы задаете внутреннему
Создайте контейнер div с position: relative. Затем поместите свое изображение в div, а также исходный div как position: absolute, но в координатах относительно div контейнера. например,
<div style='position:relative'>
<img src='' alt=''/>
<div id='original' style='position:absolute; top:10px; left:50px'/>
</div>
Вы можете использовать jQuery, чтобы добавить часть или всю эту разметку или изменить стиль, но вам совсем не обязательно использовать скрипт.