1

background-imageプロパティを機能させることができないようです。ボタンの境界線に画像を追加しようとしていますが、うまくいきません。ここにhttp://jsfiddle.net/Bchga/があります。

HTML

<a href="#" class="btn">Image Borders</a>

CSS

a {
    text-decoration: none;
    color: #fff;
}

.btn {
    float: left;
    display: block;
    padding: 10px 30px;
    background-color: #67b8de;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Small-city-symbol.svg/348px-Small-city-symbol.svg.png") no-repeat right bottom;
}
4

3 に答える 3

1

ルールにはとbackground-imageの値も含まれています。それらを分離します（または、色を入れて省略形を使用することもできます）：background-repeatbackground-positionbackground

background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Small-city-symbol.svg/348px-Small-city-symbol.svg.png");
background-repeat: no-repeat;
background-position: right bottom;
于 2013-10-14T13:51:21.077 に答える
0

背景画像が大きすぎます: 10% の背景画像で動作しています..: Link JSFiddle

    background: #ff8844 url("https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Small-city-symbol.svg/348px-Small-city-symbol.svg.png") 10%
于 2013-10-14T13:58:05.443 に答える