1

プロジェクトで FancyBox を使用したいのですが、実行するbower install fancyBox#master --saveとすべて正常に追加されますが、実行時に CSSgulpのurl()パスが書き換えられません。ただし、画像は正しいフォルダにコピーされます ( ./images)

私たちが使用する非常によく似たアプリ ( jquery.chosen) は、非常によく似たセットアップで、フラットなフォルダー構造と一致する CSS を備えていますが、ここでは問題なく動作します。

私は Gulp の経験が特にないので、ここで何が原因なのかわかりません。

WordPress テーマ Sage by Roots をベースとして運用しています。

ファイルの Gist を作成しました: https://gist.github.com/rkorebrits/099729078bc9eea5a33427a61d0cadd9

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(fancybox_sprite.png);
}

.chosen-container-single .chosen-single div b {
    background: url(../images/chosen-sprite.png) no-repeat 0 11px; 
}

これは FancyBox に固有の問題でしょうか、それともセットアップの問題でしょうか?

4

1 に答える 1

0

上記に従って、URLを次のように書き換える必要がありましたjquery.fancybox.css

どこでもbackground:またはbackground-imageが設定されている場合は、に変更します。

../images/fancybox_overlay.png

これはSage 8で動作します

于 2016-06-22T09:28:57.577 に答える