Question

我正在尝试添加边框图像，但仅限于元素的左侧。我尝试过border-left-image无济于事。如果你看一下this site你会注意到我在页脚两侧有一个双边框的元素，当我只想要它在左边时。

这是我目前为该元素设计的样式：

    border-style: solid;
    -moz-border-image: url(/assets/dist/images/footer-border.png) 8 fill stretch repeat;
    -webkit-border-image: url(/assets/dist/images/footer-border.png) 8 fill stretch repeat;
    -o-border-image: url(/assets/dist/images/footer-border.png) 8 fill stretch repeat;
    border-image: url(/assets/dist/images/footer-border.png) 8 fill stretch repeat;

Answer 1

border image具有width属性。设置（分别）顶部，右侧，底部，左侧的宽度：

border-image-width: 0px 0px 0px 30px;

Answer 2

决定将它绝对定位为背景图像，然后在y轴上重复它。可能不是最好的解决方案，但它有效。

只留下边界图像

2 个答案: