2012-09-06 8 views
22

Firefoxのアップデート後、ボーダーイメージは表示されなくなりました。 次のような気にいらを定義している場合があります:CSS - 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; 

答えて

41

私はそれがFirefoxの問題だ実現するためにビットのために周りを見なければなりませんでした。まず、私はAdBlockが何らかの理由でブロックした可能性があると考えました。実際には、MozillaがCSS解釈に行った変更です。ここでは、このプロパティを下に追加する必要があります。

border-style:solid; 

希望すると助かります。

+2

あなたは明らかに自分自身を助けることができます:+1 –

+0

ああ、ありがとう! +1 – Tom

+1

変更が行われた理由は、仕様が変更され、その動作が必要なものであることです。 –

2

仕様によると、Firefoxではborder-image-widthが設定されている必要があります。

上記のプロパティをそのまま使用してください。ここで

border-styleは、問題を修正しますが、時々 border-image-widthの代わりに、 border-styleまたは border-widthを使用して、より良い、より論理的と関連します。

+0

border-image-widthで問題が解決しなかった – dardub

+0

@dardub以下のリンクを確認してください! http://codepen.io/Yeswanth-JG/pen/JflBk(これもfirefoxで動作します!) – YaswanthJg

1

は、追加することを検討してください:

15ピクセルは一例であり
border: 15px solid transparent; 

関連する問題