Border-image

[Oliany]

Всем привет.

Как правильно задать для рамок картинку.

Код пишу так

div {
	width: 897px;
	height: auto;
	position: relative;
		margin: 20px auto;
		padding: 0;
	z-index: 0;
	border-image: url('ramka.jpg');
	}

и не работает

Заранее большой спасиб.

[Vlad]

В смысле, чтобы рамка была в виде картинки? Прямым методом никак. Реально только так - делаешь кучу вложенных дивов и для каждого из них задаешь свой фоновый рисунок, выровненный по нужному краю.

[Oliany]

Да, к сожалению, css3 border-image еще не поддерживается. Пришлось прописывать каждый див

#top {width: 900px;
	min-height: 600px;
	position: absolute;
		margin: 20px auto;
		padding: 0;
	z-index: 0;
	background : url('ramka-top.jpg') repeat-x top;}

#left {width: 900px;
	min-height: 600px;
	position: absolute;
		margin: 20px auto;
		padding: 0;
	z-index: 0;
	background : url('ramka-left.jpg') repeat-y left;}

и так далее. Ждемс цсс3

[Oliany]

Кстати, у меня в связи с этим возник вопрос: а почему тут все работает нормальн?

http://www.css3.info/preview/border-image/

[Vlad]

Дык, это же картинки просто, с чего это они не нормально работать должны. Понимай это как иллюстрацию, а не как готовый работающий пример.

[klierik]

а не слишком ли рано вы взялись за css3?

не так давно все начали поддерживать css2, а вы уже на третем пытаетесь писать.