Сделать рамку для изображения [требует правки]

308
17 марта 2017, 23:58

Необходимо в рамку поместить изображение-можно любое.

Answer 1

.frame { 
  position: relative; 
  width: 500px; 
  margin: 10px; 
} 
 
.frame > img { 
  width: 500px; 
} 
.frame::before { 
  display: block; 
  position: absolute; 
  content: ''; 
  top: -5%; 
  left: -5%; 
  right: -5%; 
  bottom: -5%; 
  background-image: url(https://i.stack.imgur.com/uxcd6.png); 
  background-size: 100% 100%; 
}
<div class="frame"> 
  <img src="https://i.stack.imgur.com/Ylivx.jpg"> 
</div>

Answer 2

Как то так

.frame 
{ 
 background:url(https://i.stack.imgur.com/uxcd6.png); 
 width:1200px; 
 height:950px; 
} 
.inner-img 
{ 
 position:relative; 
 margin-left:70px; 
 margin-top:70px; 
 width:1080px; 
 height:800px; 
}
<div class="frame"><div class="inner"><img class="inner-img" src="http://i.imgur.com/zv06qUU.jpg"></div></div>

READ ALSO
Flex не корректно работает в IE 11

Flex не корректно работает в IE 11

В проекте использую display: flex;Во всех браузерах все ОК, кроме IE 11

399
Нужен скрипт для loop video

Нужен скрипт для loop video

Доброго времени сутокЕсть html баннер с видео

279
Изменить логику установки значения

Изменить логику установки значения

Работаю над следующей задачей: Есть свойство, на которое мы реализовали dataBinding

251