Я видел несколько сайтов, построенных с помощью Wix, которые используют границы, которые являются изображениями. Изображения сами по себе массивные, и я пробовал несколько методов, но я не могу понять, насколько они управляют мной. Это одно из изображений: http://bit.ly/1lZfHRn
Я попытался разместить внешний div вокруг содержимого, но используя пробелы и поля, я не могу заставить его работать правильно.
При просмотре на сайте Wix граница буквально идеально подходит, при изменении размера изображения, конечно, сохраняется его соотношение сторон и количество прозрачности. Тем не менее, Wix удалось вывести границу больше и снизить прозрачность. Я действительно не понимаю, как им это удалось, особенно на изображении около 192 х 192, используя то же самое изображение, которое я связал.
Может ли кто-нибудь пролить свет на это для меня? Я был бы очень рад узнать, как работает такая работа!
Вы имеете в виду что-то вроде этого - FIDDLE?
Выберите фон, наложите изображение и измените изображение и фон, чтобы они соответствовали вашим требованиям.
CSS
.testme {
width: 550px;
height: 400px;
background: url('http://i.imgur.com/YTPgXWG.jpg') no-repeat;
background-size: 550px 320px;
padding: 20px;
}
img {
display: block;
width: 450px;
height: 250px;
margin-left: 30px;
margin-top: 10px;
}