0

我正在使用require.js 和backbone.js 框架开发一个Web 应用程序。

我正在尝试使用 jquery.css 方法设置“boder-image”的 CSS 属性。它在 chrome 和 safari 中运行良好。但是,在 Firefox 中,第一次加载(当没有缓存时)总是导致不绘制边框。如果我用 F5 刷新,渲染效果很好。但是,如果我使用 Ctrl+F5,边框图像就消失了。

我不知道如何解决这个问题。如果有人可以提供提示,那就太好了。

这就是我在代码中设置border-image 属性的方式。

obj.css             
            'border-image': 'url(/static/images/border-background-green.png) 40 40 40 40 fill stretch'
            '-moz-border-image': 'url(/static/images/border-background-green.png) 40 40 40 40 stretch'
            '-webkit-border-image': 'url(/static/images/border-background-green.png) 40 40 40 40 stretch'
            '-o-border-image': 'url(/static/images/border-background-gray.png) 40 40 40 40 stretch'             
            'border-width' : '10px 10px 10px 10px'

:::::::编辑::::::

我发现将属性“border-image”应用于表格时会出现此问题。当我将表格元素更改为“div”时,问题就消失了。花了 4 小时和一个良好的睡眠来做到这一点!

4

0 回答 0