Question

Мне нужно сделать картинку поверх (не внутри!) блока. А у меня получается, что она под ним!

Желательно, чтобы она была посередине. ОНА ДОЛЖНА БЫТЬ ПОВЕРХ, а не в нем!

Answer 1

Используйте:

• https://webref.ru/css/position absolute
• https://webref.ru/css/right
• https://webref.ru/css/left
• https://webref.ru/css/top

Comments

а код можно?)))

---

Ярослав Павлов,

Опишите больше подробностей, что вы пытались сделать и что у вас не получается. На конкретных примерах. Вам дано с помощью каких значений в стилях это можно сделать, вы ничего не проделали.

---

Yuri_Geruk,

Кто, кто, а я разобрался))))

Сайт: cloud.my1.ru

Html: 

  <div class="di"><div id="micon" class="iconw"></div><div class="imgw"><img src="http://cloud.my1.ru/w7seven/m10.png" style="width: 40px; height: 40px;" border="0" alt="" /></div><div class="namew">меню</div></div>

 

Css: 

 .di { width: 60px; height: 70px; border-radius: 2px; } .namew { width: 60px; height: 20px; background-color: Sienna; border: solid 1px Turquoise; border-radius: 1px; opacity: 0.4; position: absolute;  top: 50px;  left: 0px ;   z-index: 1;         text-align: center; } .namew:hover {  opacity: 0.7; } .iconw { width: 60px; height: 70px; background-color: PaleTurquoise; border: solid 1px Turquoise; border-radius: 2px; opacity: 0.0; position: absolute;  top: 0px;  left: 0px;   z-index: 1; } .iconw:hover { background-color: PaleTurquoise; border: solid 1px Turquoise; border-radius: 2px;  opacity: 0.3; } .iconw:active { background-color: PaleTurquoise; border: solid 1px Turquoise; border-radius: 2px;  opacity: 0.8; } .imgw { position: absolute;  left: 7px; top:   z-index: 2; }