Bagaimana untuk Merujuk Imej dengan Betul dalam Fail CSS dalam Symfony 2?

Susan Sarandon
Lepaskan: 2024-11-13 06:10:02
asal
692 orang telah melayarinya

How to Properly Reference Images in CSS Files in Symfony 2?

Path of Assets in CSS Files in Symfony 2

Perbincangan ini memberi tumpuan kepada mencari penyelesaian untuk merujuk imej dalam fail CSS sambil mengekalkan yang diingini struktur direktori dalam Symfony 2. Matlamatnya adalah untuk menangani isu laluan dalam fail CSS dan memastikan imej boleh diakses tanpa mendedahkan asal sumber fail kepada orang ramai.

Penyelesaian Sebelumnya

Percubaan awal melibatkan laluan mutlak pengekodan keras dalam fail CSS, menjadikan aplikasi tidak serasi dengan subdirektori. Assetic with filter="cssrewrite" juga digunakan, tetapi ia mengakibatkan penjanaan laluan yang salah.

Penyelesaian Semasa (Preferred)

Penyelesaian pilihan memerlukan penyimpanan fail CSS dalam direktori "Sumber/aset/css" dan imej dalam "Sumber/awam/imej" direktori. Dengan merujuk relatif dalam fail CSS, seperti "url("../images/myimage.png"), laluan yang betul dijana pada masa penyusunan. Pendekatan ini berfungsi dengan sempurna dalam persekitaran pembangun dan pengeluaran.

Perbincangan dan Analisis

Pengarang menjalankan ujian yang meluas menggunakan pelbagai kombinasi @notasi, notasi relatif, penulisan semula CSS, latar belakang imej berbanding src, dan menghuraikan dengan dan tanpa asetik. Hasilnya mendedahkan bahawa hanya pilihan khusus yang menghasilkan tingkah laku yang diingini.

Penjelasan Penyelesaian

Pendekatan yang berjaya diperlukan:

  1. Menyimpan imej dalam direktori "awam".
  2. Membina CSS daripada direktori "awam" menggunakan asetik.
  3. Menggunakan langsung tag dengan src daripada direktori "awam/imej".

Pemikiran dan Pertimbangan Akhir

Untuk keselamatan tambahan, adalah disyorkan untuk menyimpan fail CSS asal dalam direktori "aset" dan minta proses penempatan anda menyalinnya ke direktori "awam" sebelum penyusunan. Sebagai alternatif, anda boleh menyimpan yang asal dalam direktori "awam" untuk penggunaan --symlink semasa pembangunan, dengan syarat anda membuat skrip untuk mengalih keluar fail ini selepas penyusunan.

Atas ialah kandungan terperinci Bagaimana untuk Merujuk Imej dengan Betul dalam Fail CSS dalam Symfony 2?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan