Div正在获取双重图像边框 - 为什么？

好的，我的<div>有这个问题，当我添加我的图像边框时，它会将图像放在那里，并将它的高度加倍。这是我的问题。我只希望它重复的宽度。这可能很简单，但我对这些边框图像是新的。Div正在获取双重图像边框 - 为什么？

编辑**

好了，所以，我想通了，是有办法使它所以边框，图像仅在div的上半部分？我也不希望它在底部。

/编辑**

这里是我的代码。 CSS

#section2border { 
    border: 30px; 
    -moz-border-image:url("images/border-paper-top.png") 30 30 repeat; /* Old firefox */ 
    -webkit-border-image:url("images/border-paper-top.png") 30 30 repeat; /* Safari */ 
    -o-border-image:url("images/border-paper-top.png") 30 30 repeat; /* Opera */ 
    border-image:url("images/border-paper-top.png") 30 30 repeat; 
    width:100%; 
    background:none; 
}

HTML

<div id="section2border"> 
</div>

这么简单，它只是我不能让它提前上班...谢谢！

来源

2013-12-24 Darryl Huffman

对我来说，它的空白我没有看到任何地方的任何边界是JSfiddle正确 – Ljubisa

我没有得到这个“，并把它的高度加倍明智”。我已经更新了jsfiddle.net/raunakkathuria/tzcS3/2/，它之前是空白的 –

一个边界是顶部，另一个是底部。只需将高度添加到div，你就会看到它。（如果我理解正确） –

要回答你的编辑问题只是改变

#section2border { 
    border: 30px solid; 
}

到

#section2border { 
    border-top: 30px solid; 
}

现在只上边框是目前

http://jsfiddle.net/raunakkathuria/tzcS3/5/

来源

2013-12-24 01:38:19

谢谢，我不敢相信我没有想到！ –

我明白有时候小事会被忽视或不会卡住我们的想法.. :) –

来源：http://www.w3schools.com/cssref/css3_pr_border-image-repeat.asp

您的问题可能是因为你使用的重复，我会建议“拉伸”。我无法运行JSFiddle，但我认为这是问题所在。

祝你好运，让我们知道它是否工作。

试试这个：

#section2border { 

    border-top: 30px solid; 
    -moz-border-image:url("http://s15.postimg.org/lthkrrwkr/border_paper_top.png") 30 30 repeat; /* Old firefox */ 
    -webkit-border-image:url("http://s15.postimg.org/lthkrrwkr/border_paper_top.png") 30 30 repeat; /* Safari */ 
    -o-border-image:url("http://s15.postimg.org/lthkrrwkr/border_paper_top.png") 30 30 repeat; /* Opera */ 
    border-image:url("http://s15.postimg.org/lthkrrwkr/border_paper_top.png") 30 30 repeat; 
    width:100%; 
    background:none; 
}

的jsfiddle：http://jsfiddle.net/tzcS3/3/

，如果你想只顶部边框就像你刚才说的只是改变“边界”，以“边境顶”

来源

2013-12-24 01:29:49 Ljubisa

该属性不支持任何浏览器，在同一页指定 –

我刚刚检查了您的JSFiddle，我可以看到边框，但没有在他的 – Ljubisa

如果添加固定边框，您将能够看到 –

我想那是因为你还没有指定一个高度，使顶部和底部边框在彼此的顶部，如果你添加一个200px的高度，他们将被分离，div的内容将会进入他们之间。

希望有所帮助。

来源

2013-12-24 01:38:36 al3

Div正在获取双重图像边框 - 为什么？

回答

相关问题