html - CSS-新しいFirefoxリリースではBorder-Imageが表示されなくなりました

Question

Firefoxのアップデート後、境界線の画像がまったく表示されなくなりましたか？あなたはこのような何かを定義したかもしれません：

border-width:30px;
-moz-border-image: url('border.png') 64 64 64 64 stretch stretch;
   -webkit-border-image: url('border.png') 64 64 64 64 stretch stretch;
   -o-border-image: url('border.png') 64 64 64 64 stretch stretch;

Answer 1

Firefoxの問題であることに気付くために、少し探し回らなければなりませんでした。最初に、AdBlockが何らかの理由でそれをブロックしたのではないかと思いました。これは実際、MozillaがCSS解釈に対して行った変更です。これを機能させるには、このプロパティをその下に追加する必要があります。

border-style:solid;

私が助けることができることを願っています。

Answer 2

仕様により、Firefoxborder-image-widthを設定する必要があります。

上記のプロパティを含めるだけです。

ここで、border-style問題を修正しますが、より論理的で関連性を高めるために、border-image-width代わりに、border-styleまたはborder-width時々使用する方がよいでしょう。

Answer 3

追加を検討してください：

border: 15px solid transparent;

15pxは単なる例です。

Answer 4

追加fill：

-webkit-border-image: url(<%= asset_path('wxskvip_head_frame.png') %>) 6 fill stretch;