0

ブログに問題があります。クールな境界線を作成するために、moz-webkitのcssコマンドをいくつか使用しましたが、以前はかなりうまく機能していました。（少なくともFirefoxとChromeでは、IEではありません）

境界線を作成するために使用したコード行は次のとおりです。

    -moz-border-image:url("file.png") 15 round round;
    -webkit-border-image:url("file.png") 15 round round;
    border-image:url("file.png") 15 round round;

これはもう機能していないようで、理由はわかりません...私が受け取っているエラーメッセージは実際には役に立ちません：

( NS_ERROR_INVALID_POINTER: Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMLocation.href] )

おっと、私のブログへのリンクを忘れました：http: //life.wisniewski.org/

誰かが何が起こったのか知っているか、moz-webkit CSSコマンドに代わるものがありますか？

4

4 に答える 4

3

すぐに使用できるコードは次のとおりです。

border: 15px solid transparent;
-webkit-border-image: url(fotoframe.png) 15 round;
   -moz-border-image: url(fotoframe.png) 15 round;
     -o-border-image: url(fotoframe.png) 15 round;
        border-image: url(fotoframe.png) 15 round;

何が行われたか：

  1. プロパティ内の画像へのリンクを修正しましたborder-image（「fotoframe.png.png」がありました）。
  2. 正しく表示するにはborder指定だけborder-widthでは不十分だったため、省略形のプロパティを追加しました。IEのフォールバックです。これを一部の色に変更することをお勧めします。-moz-border-imagetransparent
  3. Operaプレフィックスバージョンを追加しました。
  4. 画像のURLを相対的なものに変更しました。
  5. 冗長な2番目roundの値を削除します。
于 2012-09-06T13:27:34.593 に答える
1

moz-webkitのcssコマンドをいくつか使用しましたが、以前はかなりうまく機能していました

Firefox15にアップグレードしたときにのみ機能しなくなりましたか？

もしそうなら、これは役立つかもしれません：David Baronのウェブログ：CSSボーダー画像の変更とプレフィックス解除

編集/更新：

サイトを修正して互換性を確保するために、次のように変更しました。

 -moz-border-image: url("../_images/tributton.png") 0 4 0 4;

これに：

 -moz-border-image: url("../_images/tributton.png") 0 4 0 4;
 border-image: url("../_images/tributton.png") fill 0 4 0 4;
 border-style: solid;
于 2012-09-06T13:08:27.183 に答える
-1

境界線の画像はcss3プロパティです。問題を解決するには、次のようにしてください。

#example-one {
    border-width:25px 30px 10px 20px;
    -moz-border-image:url("border-image.png") 25 30 10 20 repeat stretch;
    -webkit-border-image:url("border-image.png") 25 30 10 20 repeat stretch;
    border-image:url("border-image.png") 25 30 10 20 repeat stretch;
}

詳細については、このサイトを確認してください。 http://css-tricks.com/understanding-border-image/

更新 グーグルであなたのエラーコードを検索することによって、私はこの答えを得ました。これを見てくださいそれはあなたを助けるかもしれません

FirefoxのNS_ERROR_INVALID_POINTERエラーとは何ですか？

于 2012-09-06T11:20:35.947 に答える
-1

ラウンドuを与える代わりに、以下のように値を指定できます

-moz-border-image:url("border-image.png") 25 30 10 20 repeat;
-webkit-border-image:url("border-image.png") 25 30 10 20 repeat;
border-image:url("border-image.png") 25 30 10 20 repeat;

同じことを確認してください。

于 2012-09-06T11:24:29.157 に答える