background-image: không lặp lại không hoạt động, cú pháp chính xác

Question

Dưới đây là cú pháp tôi đang sử dụng cho Hình nền. Vì một lý do nào đó, nó lặp lại trên Y. Tôi không thể sử dụng overflow:hidden;

<style> 
body{background-image:url('<?php echo $ActualPath; ?>images/backgroundimage.jpg'); background-image:no-repeat;} 

</style> 

Tôi muốn hình nền không lặp lại trên x và y.

Answer 1

Cú pháp bạn nên sử dụng là

background-image: url(path/images/backgroundimage.jpg); 
background-repeat: no-repeat; 

.. hoặc cách khác

background: url(path/images/backgroundimage.jpg) no-repeat; 

nếu bạn thích short-hand syntax.

background-image luôn chỉ xác định tệp hình ảnh, vì vậy, quy tắc background-image thứ hai đang cố gắng ghi đè thứ nhất, nhưng vì "không lặp lại" không phải là tệp hình ảnh hợp lệ, trình duyệt chỉ bỏ qua nó.

Các thuộc tính nền khác nhau được liệt kê here để tham khảo.

Answer 2

bạn có thể sử dụng background-repeat:no-repeat;

Answer 3

Thuộc tính background có một vài thuộc tính bạn có thể thay đổi.

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

Bạn có thể đặt mỗi một cá nhân, như những gì bạn' đang cố gắng làm. Nếu bạn đặt cùng một hai lần, chỉ người cuối cùng sẽ có hiệu lực.

Bạn đang đặt background-image hai lần vị trí thứ hai phải là background-repeat.

Ngoài ra còn có một ký hiệu viết tắt nơi bạn làm điều gì đó như

background:#ffffff url('img_tree.png') no-repeat right top; 

để thiết lập nhiều thuộc tính trong một dòng. Bạn có thể sử dụng để thay đổi mã của bạn để

body{ background: url('<?php echo $ActualPath; ?>images/backgroundimage.jpg') no-repeat; } 

Answer 4

Đối với việc không có sự lặp lại của nền sử dụng html cú pháp sau: CSS (Internal stylesheet) sử dụng mã này trong thẻ style ở phần đầu

background-image:url("some picture url"); 
background-repeat:no repeat; 

-Nó sẽ cung cấp hình nền của chế độ xem đơn mà không lặp lại.