2013-03-03 55 views
7

Tôi đang cố gắng hiển thị hình nền trên thẻ td. và tôi có mã sốhiển thị hình nền trên thẻ td

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px;"></td> 

<img src="../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg" /> 

Tôi kiểm tra đường dẫn bằng cách sử dụng thẻ img và nó nhận đúng đường dẫn nhưng tôi không biết nó không hiển thị ở hình nền trên thẻ td.

thankyou rất nhiều

Trả lời

8

Các td sẽ không hiển thị một hình ảnh nền vì nó đã không có bất kỳ nội dung, do đó không có không gian trong td để vẽ nền. background-size đặt kích thước của nền, không phải kích thước của vùng chứa. Hãy thử width:250px;height:180px; theo kiểu nội tuyến cho td - nó sẽ hiển thị hình ảnh.

Here's a demonstration in jsfiddle. Nếu bạn xóa cài đặt widthheight khỏi CSS, bạn sẽ không thấy hình ảnh.

2

đúng Solution

Trước hết, bạn phải xác định chiều rộng và chiều cao của td. Làm theo ví dụ sẽ hoạt động chính xác ---

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px; width: 250px; height: 180px;"></td> 
+3

Bạn đã cơ bản viết lại giải pháp được chấp nhận? – spenibus

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