Перейти к публикации
iCast

Картинка на другой картинке

Рекомендованные сообщения

iCast

Привет всем. Есть 2 изображения. Одно фон 1000px в ширину и изображение айфона.

Как наложить посредством html, css айфон на фон?

6310611d56c62177e5ee96b6b388162b7c2a7c3e

Изменено пользователем iCast

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
silence1988

z-index ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
iCast

z-index ?

да, кода вообще нет...не особо шарю в этом z-index, не особо понимаю как работает. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
jakal
position:absolute;
z-index:999;

 

для второй картинки (картинки iPhone)

и top и left и им подобные, Вам в помощь

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
ExTEzZy

Все очень просто:

Для основной картинки прописываешь position: relative;

Для второй: position: absolute; z-index: 999999; right: 20%; top: 20px; float: right;

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
proFox
, у основной z-index указать тоже нужно. И необязательно прям "999999". Можно просто "111" и "222". Не будут мешать, например, модальным окнам или прикрепленной к экрану навигации :) Мало ли что у него есть на сайте и что будет :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
iCast

что то не особо получается...

<img  style="position: relative;" src="http://themes.laborator.co/zinc/wp-content/uploads/2013/08/Untitled-11.jpg" />
<img  src="http://themes.laborator.co/zinc/wp-content/uploads/2013/08/iphone.png" style="position: absolute; z-index: 999999; right: 20%; top: 20px; float: right; ">

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

@iCast, картинка айфона должна находиться в контейнере с position: relative

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

×
×
  • Создать...