Mã CSS trong HTML và main.css

Bất kỳ ý tưởng nào tại sao mã CSS này không hoạt động khi tôi đặt nó trong tệp main.css? Tôi đang cố tạo nền toàn màn hình.Mã CSS trong HTML và main.css

<html> 
 
<head> 
 
\t <link rel="stylesheet" type="text/css" href="CSS/main.css"> 
 
\t <style> 
 
\t \t .bg { 
 
\t \t  background-image: url("nuotraukos/bg.png"); 
 
\t \t  min-height:100%; 
 
\t \t  min-width: 100%; 
 
\t \t  background-attachment: fixed; 
 
\t \t  background-position: center; 
 
\t \t  background-repeat: no-repeat; 
 
\t \t  background-size: cover; 
 
\t \t } 
 
\t </style> 
 
</head> 
 
<body> 
 

 
<div class="bg"></div> 
 

 
</body> 
 
</html>

Nguồn

2015-12-27 Tadas

Cung cấp mã liên kết đến tệp cục bộ sẽ không hoạt động ở đây dưới dạng đoạn mã. – Phiter

Tôi biết rằng mã sẽ không hoạt động dưới dạng đoạn mã. Câu hỏi chính là tại sao mã css này chỉ hoạt động giữa các thẻ kiểu HTML, nhưng nó không hoạt động trong tệp main.css thậm chí tho nó có liên kết đến nó. – Tadas

Bạn có nhận được 404 khi truy cập '' nuotraukos/bg.png '' không? Tôi đoán là đường dẫn không chính xác vì nó đang đọc nó từ thư mục CSS /. –

Không có gì có vẻ là sai với <link> của bạn. Kiểm tra xem tệp có thực sự tồn tại không và nếu trang html nằm trong cùng thư mục với thư mục CSS. Nếu không, đường dẫn tệp sai.

Nếu hình ảnh không hiển thị, có thể vì hình ảnh không nằm trong cùng đường dẫn với số .css, vì vậy bạn cũng nên thay đổi liên kết.

Giả sử hình ảnh của bạn là một thư mục chứa tệp css. Sau đó, bạn nên thay đổi url này:

url("../nuotraukos/bg.png");

Ngoài ra nó không phải là một thực hành tốt để sử dụng một div để thiết lập một nền tảng, do đó thay vì sử dụng một div để thiết lập một nền tảng, thiết lập một nền tảng để các <body> và căng nó.

body { 
 
    background-image: url("http://images.alphacoders.com/538/53823.jpg"); 
 
    background-size:cover; 
 
}

<head> 
 

 
</head> 
 
<body> 
 

 

 
</body>

Nguồn

2015-12-27 21:05:21 Phiter

Có lẽ nó sẽ giúp đỡ nếu bạn thay đổi đường dẫn khi bạn đặt main.css trong thư mục CSS?

background-image: url("../nuotraukos/bg.png");

Nguồn

2015-12-27 21:09:41

Có vấn đề, cảm ơn bạn , cũng vậy :) – Tadas

Bạn được chào đón. Chúc mừng! –

Mã CSS trong HTML và main.css

Trả lời

Các vấn đề liên quan