CSS url tương ứng với hình ảnh

Question

Tôi đang phát triển trên localhost của tôi - http://localhost/mysite, và trong phạm vi mà tôi có cấu trúc thư mục sau:

-assets 
--css 
---styles.css 
--images 
---background.png 

Trong file styles.css, tôi sẽ có một cái gì đó như sau, trong đó hoạt động tốt trên localhost

background-image: url(../images/background.png); 

Tuy nhiên, máy chủ trực tiếp hoạt động ngoài tên miền phụ - http://test.liveserver.com. Điều này có nghĩa là quy tắc css phải thay đổi như sau:

background-image: url(/assets/images/loginlogo.png); 

Bạn không chắc chắn cách tốt nhất để giải quyết vấn đề này?

Answer 1

Với cây thư mục bạn đang cung cấp, bạn không phải thay đổi đường dẫn của mình.

.. có nghĩa là thư mục mẹ của tệp CSS để thư mục assets/ được ngụ ý.