我尝试使用代码来获取div上的动画边框,但我无法在左侧和右侧获取它.这是我的代码
<div id="test">test</div>
#test
{
position:absolute;
width:200px;
top:100px;
left:50px;
-moz-border-image:url(http://i.imgur.com/GziKo.gif) 8 0 stretch;
}
这里是小提琴http://jsfiddle.net/ahvSR/30/
谢谢
编辑
虽然@Mihalis Bagos解决方案很好.但我对包装div不感兴趣我想在testdiv或者上做一些事情border-image
新编辑
我已经完成它使用border-image现在我的图像是4x4像素之前它是8x8像素.这里是http://jsfiddle.net/5rHCa/
但请任何人都可以彻底解释为什么它不适用于8x8像素.
最终编辑 它也可以通过8x8像素完成,但没有stackoverflow用户在我的小提琴中弄错了.看看我的答案.
另一个最终编辑
我用4x4和8x8 http://jsfiddle.net/5rHCa/和http://jsfiddle.net/LzS7b/发布的小提琴都没有在firefox 3.6上工作有没有人知道为什么这些不能在Firefox上工作它正在工作虽然在铬.