1

Web サイトを Symfony フレームワークに移植しています。アセットには Assetic を使用しています。バグを取り除いた後、コードを統合したいと思いました。私が行ったとき、私が変更しようとしていたものとは明らかに関係のない問題に遭遇しました。これは作業コードです:

{% stylesheets 'bundles/zetchoamcolan/css/screen.css' filter='cssrewrite' %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% stylesheets 'bundles/zetchoamcolan/css/SpryTooltip.css' filter='cssrewrite' %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% javascripts 'bundles/zetchoamcolan/js/modernizr-custom.80696.js'
               'bundles/zetchoamcolan/js/SpryTooltip.js' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

ファイルを指定せずに JavaScript をロードしたかったので、最後のコードを次のように変更しました。

{% javascripts 'bundles/zetchoamcolan/js/*' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

そうすると、css ファイルで指定された背景画像が失われます。CSS フォーマットの残りの部分は機能しているようです。上記の 2 つの JavaScript ファイルは、js ディレクトリ内の唯一のファイルです。これはバグですか、それとも何か間違っていますか?

更新:欠落している画像は parchment.gif です。両方のシナリオで images ディレクトリを確認しました。上記の「/*」を使用すると、ファイルが表示されません。代わりに、parchment_border.png というファイルが使用されます。このファイルは、css の別の場所で使用します。これを判断するために Safari Inspect Element を使用しています。

更新 2:ユーザー エラーでした。「modernizr.custom.80696」のはずが「modernizr-custom.80696」と入力してしまいました。スペルを再確認しましたが、句読点は確認しませんでした。modernizr が正しく指定されると、背景画像を none に設定する CSS が呼び出されます。なぜそこにあるのかわからない。

4

1 に答える 1

0

CSS の画像パスを更新する必要があります。Assetic バンドルは、指定されたファイルを圧縮/結合し、出力を css/ または js/ フォルダーに配置します。

../images/image.jpgCSS で、画像のパスを からに変更する必要があります。/bundles/yourbundle/images/image.jpg

于 2013-04-03T19:55:55.733 に答える