Cách chỉ định đường dẫn hình ảnh trong tệp CSS?

Question

Tôi đang sử dụng khung công tác Yii và có tệp CSS sử dụng một số hình ảnh cho nền và tương tự.

Mã PHP khác có thể sử dụng Yii :: app() -> request-> baseUrl để thêm tiền tố vào tài nguyên có đường dẫn chính xác. Tuy nhiên, tệp css không phải là PHP, vì vậy tôi không thể sử dụng mã.

Tôi đã thử với đường dẫn tương đối, nhưng các tập tin css cùng được truy cập bởi các trang html của chiều sâu khác nhau, ví dụ:

http://mysite/controller/action1/10 
http://mysite/controller 

đường nên tương đối không làm việc (ít nhất, không phải trong mọi trình duyệt) .

Có cách nào để thực hiện điều này, hay tôi chỉ nên sử dụng đường dẫn tuyệt đối và được thực hiện với nó?

Answer 1

Đường dẫn đến hình ảnh trong tệp CSS luôn liên quan đến tệp CSS, không phải trang tham chiếu tệp CSS.

Vì vậy, bạn không nên sử dụng tệp CSS trong các trang HTML ở các độ sâu đường dẫn khác nhau vì nó luôn xuất hiện từ vị trí của CSS.

Ví dụ: nếu tệp CSS của bạn ở trạng thái /Content/Css và hình ảnh của bạn nằm trong /Content/Images thì bạn luôn phải tham chiếu hình ảnh của mình là url(../Images/something.png).

Answer 2

Bạn có thể thử sử dụng đường dẫn bán tương đối bắt đầu bằng "/". Giống như "/images/image1.jpg".

Điều này luôn liên quan đến gốc của trang web.

Kính trọng