html - 自定义 tumblr 标签以创建边框颜色和边框图像的主题选项

Question

我正在制作一个小的 tumblr 主题，我希望为用户创建一个可自定义的选项，他们可以在其中选择 border-top 颜色和/或 border-image (并将自己上传到 tumblr CDN)。我有它可以与其中一个/或一起使用，但不能同时与两者一起使用。

换句话说，我希望默认主题带有

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; 
}

我真的不知道还能做什么才能让它发挥作用。这种方式只是给了一个空白空间等待被上传的图像占用。我拿走了图像选项和颜色，反之亦然。

Answer 1

遗憾的是，你不能同时拥有这两者，要么是color，要么是image。示例:http://jsbin.com/kobicodu/1/edit

由于 border-image 是最后声明的属性并且具有有效图像，因此它会覆盖简写的 border-top 颜色。

更多信息:http://css-tricks.com/understanding-border-image/