display css

html css веб дизайн

Привет, мир!
Суть проблемы ниже:

есть такой маленький код:
<div id="a">
<div id="o1">Здесь много текста</div>
<div id="o2"></div>
</div>

у, #o1 => display:none;
у, #o2 => display:block; width:100px; height:100px; position:absolute; top:10px; left:10px;

Элемент с идентификатором o2 будет налагаться поверх элемента с идентификатором o1

Как сделать так, чтоб у элемента и идентификатором o2 текст отображался, но при этом у элемента с идентификатором o1 был display:none;

Буду очень благодарен.

Примечание:
CKB, "в нем нет текста" - в этом то и вся проблема... должно работать как на картинке:

http://s2.ipicture.ru/uploads/20131229/a2SxkTd1.png

Примечание:
AdmGelax,
clip мне в данном случаи не нужен, именно дисплеем нужно сделать...

Примечание:
AdmGelax, мне нужно не просто скрыть текст, а нужно удалить текст из показа, а в нужном месте (блоке, элементе) показать.

Вот что мне нужно)
Ответы:
z-index-ом выведите элемент поверх других.
используйте clip в css
http://htmlbook.ru/css/clip
Вы никак не отобразите другим блоком текст, который помещен в блок со стилем display:none;


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.