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/

自定义tumblr标签，用于为边框颜色和边框图像创建主题选项

1 个答案: