Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Картинка с отрицательным margin-top

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: z-index не помогает
Поиск в теме | Версия для печати
Bio man
Отправлено: 28 Ноября, 2014 - 16:08:26
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
Задача: поднять картинку вверх, что бы заголовок был на картинке.
Теперь на пальцах.
CODE (html):
скопировать код в буфер обмена
  1. <article>
  2.          <header>
  3.               <h2 class="dc-left">24<br>июн</h2>
  4.          </header>
  5.  
  6.          <article>
  7.             <img src="/img/tmp/2.png">
  8.             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  9.         </article>
  10. </article>

Допустим картинку нужно поднять на 50пх вверх, можно стилизовать ТОЛЬКО картинку.
Пишем стили
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. ... img {
  3.    margin-top: -50px;
  4. }
  5.  

Всё бы хорошо, если бы картинка не перекрывала заголовок.
z-index не спасает, почему не знаю.

Расскажите, почему так происходит, и если не затруднит, посоветуйте что нибудь.
 
 Top
IllusionMH
Отправлено: 28 Ноября, 2014 - 16:21:13
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Bio man, position отличный от static добавили к объекту z-index ?
 
 Top
Bio man
Отправлено: 28 Ноября, 2014 - 16:23:41
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
IllusionMH, спасибо, помогло! Те есть z-index применяется только к не static элементам?
 
 Top
IllusionMH
Отправлено: 28 Ноября, 2014 - 16:46:40
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Bio man, ага
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB