我正在使用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 小时和一个良好的睡眠来做到这一点!