0

CSS の border-image プロパティに問題があります。CSS は次のとおりです。

    footer#footer {
background-image: url("http://bramcroft.co.uk/wp-content/uploads/2015/03/background-footer.png");
background-color: #cccccc;
border-image: url(http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png);
-moz-border-image: url(http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png);
-webkit-border-image: url(http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png);
border-image-width: 100% 0 0 0;
-moz-border-image-width: 100% 0 0 0;
-webkit-border-image-width: 100% 0 0 0;
}

フッター自体に画像がありますが、これは境界線として設定された領域を覆っているように見えます。

これを適用しようとしているウェブサイトは次のとおりです。http://bramcroft.co.uk/

茶色のフッターの上の境界線が欲しいです。

どんな助けでも大歓迎です！

4

2 に答える 2

0

"...."CSS イメージ パス ファイルに二重引用符を追加する必要があります。

これを変える：

border-image: url(http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png);

-moz-border-image: url(http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png);

-webkit-border-image: url(http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png);

これに：

border-image: url("http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png");

-moz-border-image: url("http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png");

-webkit-border-image: url("http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png");
于 2015-03-30T17:04:29.727 に答える
0

Uは、希望のボーダーサイズを変更することでこれを試すことができます

border:10px;
background-image: url("http://bramcroft.co.uk/wp-content/uploads/2015/03/background-footer.png");
background-color: #cccccc;
border-image: url("http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png") 30 30;
-moz-border-image: url("http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png") 30 30;
-webkit-border-image: url("http://bramcroft.co.uk/wp-content/uploads/2015/03/paws-border.png") 30 30;
于 2015-03-30T17:21:37.197 に答える