0

jqmに単一のカスタムアイコンを追加しようとしていますが、次のことを行っています。

<style>
.ui-icon-myicon {
    background-image: url('images/myicon.png') !important;
}
</style>

次に、フッターで...

<li>
<a href="#" data-icon="myicon" data-iconpos="top" class="ui-btn-active ui-state-persist btn_inner">News</a>
</li>

私の問題は、何も表示されていないことです。

ここで何か忘れてるの？

4

3 に答える 3

4

警告：jQuery 1.4以降を使用している場合は、これらを多少異なる方法で定義する必要があります（:after以下の注意）

.ui-icon-myicon:after {
    background-image: url("images/myicon.png");
    background-size: 18px 18px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-myicon:after {
        background-image: url("images/myicon@2x.png");
        background-size: 36px 36px;
    }
    ...more HD icon rules go here...
}
于 2014-05-22T08:22:44.560 に答える
3

クラスタグを削除し、JQMに組み込まれている識別子を使用します。

<a href="news.html" data-role="button" data-iconpos="top" data-icon="myicon">News</a>

アイコンを高ピクセル密度のデバイス（つまり、Apple Retinaディスプレイ）に表示したい場合は、2倍のサイズの2番目の画像を含める必要があります。したがって、CSSでは：

.ui-icon-myicon {
    background-image: url("images/myicon.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-myicon {
            /*this image should be sized at 36 x 36 */
        background-image: url("images/myicon@2x.png");
        background-size: 18px 18px;
    }
    ...more HD icon rules go here...
}
于 2012-08-30T12:43:14.810 に答える
0

同じ問題に直面しました。inspect要素を確認したところ、背景のカスタムアイコンパスのURLが間違っていることがわかりました。

私は画像フォルダにカスタムアイコンを持っているので、CSSで私は与えました

.ui-icon-myicon:after{
    background-image:url("images/facebook.png");
    /* Make your icon fit */
    background-size:18px 18px;
}

以前に指し示したURL：Myproject / css / images / facebbok.png

次に、CSSを次のように変更しました。

.ui-icon-myicon:after{
        background-image:url("../images/facebook.png");
        /* Make your icon fit */
        background-size:18px 18px;
    }

それをした後、私は画像を見ることができます

于 2017-07-11T22:52:24.657 に答える