Hình nền CSS không hiển thị

Question

Tôi có tệp HTML có thư mục con được gọi là img có hình ảnh được gọi là debut_dark.png. Trong tệp CSS của tôi, tôi có:

body { 
    background: url(/img/debut_dark.png) repeat 0 0; 
} 

Tệp HTML có thẻ body và không bao gồm tệp CSS một cách thích hợp. Tôi biết chắc chắn rằng tệp CSS được bao gồm đúng cách vì mọi thứ khác được định dạng đúng.

Hình nền không được hiển thị, tôi chỉ nhìn thấy nền trắng. Bất kỳ ý tưởng làm thế nào để sửa lỗi này, hoặc thậm chí làm thế nào để gỡ lỗi nó?

Answer 1

Theo đường dẫn tập tin CSS của bạn, tôi sẽ giả sử nó là ở cùng thư mục với trang HTML của bạn, bạn phải thay đổi url như sau:

body { background: url(img/debut_dark.png) repeat 0 0; } 

Answer 2

Hãy chắc chắn rằng cơ thể của bạn có một chiều cao, f .ex:

body { 
    background: url(/img/debut_dark.png) repeat; 
    min-height: 100%; 
} 

Answer 3

Bạn nên sử dụng như thế này:

 

     body { 
      background: url("img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background: url("../img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background-image: url("../img/debut_dark.png") repeat 0 0; 
     } 

hoặc thử Thanh tra Quy tắc CSS sử dụng công cụ Firebug của Firefox.

Answer 4

Tôi đang sử dụng CSS được nhúng trên máy tính cục bộ. Tôi đặt tệp atom.jpg trong cùng thư mục với tệp html của mình, sau đó mã này đã hoạt động:

background-image:url(atom.jpg); 

Answer 5

Tôi có cùng một vấn đề. Nhưng nó hoạt động đúng cách đối với tôi

background: url(../img/debut_dark.png) repeat 

Answer 6

Tôi biết điều này không giải quyết các trường hợp chính xác của OP, nhưng đối với những người khác đến từ Google đừng quên thử display: block; dựa vào loại yếu tố. Tôi đã có hình ảnh trong một <i>, nhưng nó không xuất hiện ...

Answer 7

Về cơ bản vấn đề là với đường dẫn tệp. Dấu gạch chéo ở đầu url làm cho nó tìm kiếm tệp ở gốc. Loại bỏ nó, nó sẽ là một con đường liên quan đến tập tin css này - như thế này:

Nếu bạn đang sử dụng Atom, sao chép đường dẫn dự án đôi khi bao gồm dấu gạch chéo ở đường dẫn sao chép nên cẩn thận.

Answer 8

Tôi cũng đã hiểu rằng thuộc tính này hiển thị hình ảnh khi vị trí đầy đủ được cung cấp trong đó. Tôi chỉ cần tải lên hình ảnh đó trên máy chủ của tôi và liên kết vị trí của hình ảnh đó trong hình nền: url ("xxxxx.xxx"); thuộc tính và cuối cùng nó đã hoạt động nhưng nếu các bạn không có máy chủ thì hãy thử nhập vào vị trí đầy đủ của ảnh trong thuộc tính bằng cách vào thuộc tính của ảnh đó. Mặc dù tôi đã sử dụng thuộc tính này trong thẻ của một tệp HTML nhưng nó chắc chắn sẽ hoạt động trên tệp CSS. Nếu phương pháp đó không hoạt động thì hãy thử tải lên hình ảnh của bạn trên internet như ứng xử, facebook, instagram, vv và kiểm tra hình ảnh và sao chép vị trí đó vào thuộc tính của bạn .. Hy vọng Điều này sẽ hoạt động