Hướng dẫn how to make dynamic background image in html - cách tạo ảnh nền động trong html

13

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi có một div logo mà tôi muốn sử dụng hình ảnh logo của mình làm nền cho, chẳng hạn như:

.logo {
    background: #FFF url(images/logo.jpg);
}

Tuy nhiên, trên trang Cài đặt trong tập lệnh của tôi, tôi muốn có một trường đầu vào văn bản để chỉ định URL hình ảnh là gì cho hình ảnh nền.

Làm thế nào tôi có thể đặt hình nền cho div này làm URL hình ảnh được nhập mà không cần phải làm:

(Kịch bản được viết bằng PHP)

Đã hỏi ngày 3 tháng 7 năm 2012 lúc 2:56Jul 3, 2012 at 2:56

2

Dưới đây là hai tùy chọn để tự động đặt một hình ảnh nền.

1. Đặt một bảng kiểu nhúng trong tài liệu :

2. Xác định thuộc tính

   0 CSS nội tuyến:

   ...
   

Lưu ý: Đảm bảo vệ sinh đầu vào của bạn, trước khi lưu nó vào cơ sở dữ liệu (xem bảng Bobby). Đảm bảo rằng nó không chứa HTML hoặc bất cứ thứ gì khác, chỉ các ký tự URL hợp lệ, trích dẫn thoát, v.v ... Nếu điều này không được thực hiện, kẻ tấn công có thể bơm mã vào trang: Make sure to sanitize your input, before saving it to the database (see Bobby Tables). Make sure it does not contain HTML or anything else, only valid URL characters, escape quotes, etc. If this isn't done, an attacker could inject code into the page:

">