Я создаю небольшую тему tumblr, и я надеюсь создать настраиваемый параметр для пользователя, где они могут либо выбрать border-top
цвет и/или border-image
(и загрузить их на CDN Tumblr). У меня есть это для работы с/или, но не с обоими.
Другими словами, я хотел бы, чтобы тема по умолчанию пришла с
border-top: #somecolor;
но у них есть возможность сделать
border-image: url('funtime.png');
В коде должно быть ясно, что я пытаюсь сделать; он почему-то не работает. Может быть, про может помочь мне?
<meta name="image:top border" content="" />
<meta name="color:top border" content="#a64d00" />
body {
border-top: 64px solid {color:top border};
border-image: url('{image:top border}') 25% 25% 25% 25% repeat;
}
Я действительно не знаю, что еще нужно сделать, чтобы это сработало. Этот способ просто дает пустое пространство, которое будет занято загруженным изображением. Я забираю вариант изображения, а цвет работает и наоборот.
У вас не может быть и печально, либо color
либо image
. Пример: http://jsbin.com/kobicodu/1/edit
Поскольку border-image
было объявленным последним объявлением и имеет действительное изображение, оно переопределяет краткий border-top
цвет.
Дополнительная информация: http://css-tricks.com/understanding-border-image/