CSS中的border-image问题

时间:2014-02-27 15:20:00

标签: html css html5 css3

当我尝试在我的网站中使用border-image使我们的徽标显示为边框时,图像甚至不会显示在页面上。它在我尝试的任何浏览器中都不起作用,并且图像位于同一文件夹中。我肯定知道我正在修改正确的div,因为当我添加border-radius时,边框会变圆。我真的不知道我做错了什么,所以我很感激任何帮助。这是CSS中的div:

#outer_container {
height: 1495px;
width: 925px;
margin-right: auto;
margin-left: auto;
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #E7EAF5;
border-style: solid;
border-width: 38px 0px 0px;
-moz-border-image: url(logo.gif) 81 0 repeat stretch;
-webkit-border-image: url(logo.gif) 81 0 repeat stretch;
-o-border-image: url(logo.gif) 81 0 repeat stretch;
border-image: url(logo.gif) 81 0 fill repeat stretch;
}

1 个答案:

答案 0 :(得分:0)

根据here和Alex Rozanski所见W3

  

部分URL相对于样式表的来源进行解释,而不是相对于文档。

如果您考虑这一点,这是有道理的,因为CSS文件可以添加到不同目录中的页面,因此将其标准化为CSS文件意味着URL将在添加样式表的任何位置工作。