Как вытащить дочерний элемент?
Вообщем вот и вопрос. Как сделать дочерний элемент не дочерним.
А ситуация такая, нужно, чтобы перемещалась картинка по всей области экрана, а выходит так, что она перемещается, но, уходя за пределы своего родителя, пропадает... если нужно, вот function chak() { var obj = document.getElementById("pic"); if (!obj.style.top) { obj.style.top=0 }; obj.style.top = parseInt(obj.style.top)+10+'px'; if (parseInt(obj.style.top)<1000) { setTimeout(chak,200) }; } window.onload = chak; <div id="content"> <a href="acha.htm"><img src="chacha.png" id="pic">Acha</a> </div> Выходя за "content" пропадает... |
Цитата:
|
Я ж обрезок дал, сложно, ну, если.....
Если убрать там текст ссылки, то вот так #content { position: relative; width: 70%; left: 15%; float: left; } #content a { position: relative; display: block; float: left; height: 106px; width: 80px; overflow: hidden; } #content a img { position: relative; width: 100%; margin: 0; padding: 0; } |
overflow: hidden уберите - видимо он обрезает
|
Я прошу прощения, просто я, какой-никакой, но верстальщик, какие стили к чему, я знаю...все, которые я написал, изменить нельзя...
Единственное, думал про z-index, но он не проканал, если только изначально ставить везде где можно....короче - не вариант... Вот со стороны javascript`а бы это решить как-нибудь... Возвращаясь к изначальному вопросу - возможно ли это? |
Небольшое дополнение....почему такая задача.
Мне необходимо именно вывести картинку из ссылке, а её (ссылку) так и оставить на своём месте |
|
Да, я знаю, спасибо, Павел. Может так и придётся делать. Просто overflow там тоже не даром стоит
...придётся наверное переделывать какие-то вещи и учитывать кое-что заранее... Но всё же, если вдруг существует альтернативный вариант, хотелось бы знать...уже видимо на будующее...может (здесь не разбираюсь) что-нибудь через child. Должны же быть способы "переборки" DOM.. |
Часовой пояс GMT +3, время: 20:29. |