require.js および backbone.js フレームワークを使用して Web アプリを開発しています。
jquery.css メソッドを使用して「boder-image」の CSS プロパティを設定しようとしています。クロムとサファリでうまく機能します。ただし、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時間とぐっすり眠れました!!