关于border-image

Question

为什么我在div元素的内部写入结构时，边框图片就出不来，但是统一div格式时就可以出现呢？

单独div格式：

#div2 {
            -webkit-border-image: url(border.png) 30 30 round;
            border:15px solid transparent;
            width:300px;
            padding:10px 20px;
        }
<div id="div2">
            <span>边框图片</span>
        </div>

结果：

统一div格式：

#div2 {
            -webkit-border-image: url(border.png) 30 30 round;
        }
        div{
            border:15px solid transparent;
            width:300px;
            padding:10px 20px;
        }
<div id="div2">
            <span>边框图片</span>
        </div>

结果：

Answer 1

我的就可以啊

你检查你的css样式是不是哪里有被覆盖，或者哪里写作单词了，看看代码有没有错误（类似于该高亮显示的没有高亮显示）