Cách ẩn hình ảnh kỹ thuật số trong trang web

Biểu định kiểu xếp chồng có thể giúp bạn tiết kiệm thời gian khi duy trì các trang trên trang web của bạn. Ví dụ, hình ảnh kỹ thuật số có thể xuất hiện trên một số trang Web của bạn. Nếu bạn cần ngăn mọi người nhìn thấy những hình ảnh đó, bạn có thể sử dụng CSS để ẩn hình ảnh bằng cách thay đổi một từ trong tài liệu HTML của bạn. Bạn thậm chí có thể làm cho hình ảnh xuất hiện lại ngay lập tức bằng cách cập nhật nhanh mã CSS của tài liệu của bạn.

Mở một tài liệu HTML có chứa ít nhất một hình ảnh và xác định vị trí phần thân của tài liệu. Thẻ hình ảnh của phần cơ thể sẽ xuất hiện tương tự như hình dưới đây:

Thẻ hình ảnh cơ bản bắt đầu bằng từ "img." Thẻ trong ví dụ này tham chiếu một hình ảnh có tên là img img / setup-up-new-business / 167 / how-hide-digital-hình ảnh-web-page-2.jpg.

Thay đổi một trong các thẻ hình ảnh của bạn để nó tham chiếu một lớp CSS có tên là khả năng hiển thị, tên lửa như trong ví dụ sau:

Nếu thẻ đã có tham chiếu lớp, bạn sẽ cần thay đổi thẻ theo một cách hơi khác. Giả sử rằng thẻ của bạn xuất hiện như hình dưới đây:

Thẻ hình ảnh đó đã tham chiếu một lớp có tên là my my class.

Dán phần sau vào phần đầu tài liệu của bạn:

Điều này tạo ra lớp khả năng hiển thị và đặt giá trị thuộc tính hiển thị của nó thành khối., Giá trị đó làm cho hình ảnh hiển thị.

Lưu tài liệu và mở nó trong bất kỳ trình duyệt. Hình ảnh của bạn sẽ xuất hiện như bình thường.

Quay trở lại trình chỉnh sửa của bạn và tìm mã CSS bạn đã thêm vào phần đầu của tài liệu. Thay đổi giá trị của thuộc tính hiển thị từ khối khối chặn thành "không" và lưu tài liệu.

Quay trở lại trình duyệt của bạn và nhấn vào Ctrl Ctrl-F5 'để xóa bộ nhớ tạm thời của nó. Khi trang làm mới, hình ảnh của bạn sẽ biến mất.

Lời khuyên

Thêm một tham chiếu lớp cho mỗi hình ảnh mà bạn muốn ẩn. Đặt tên cho lớp CSS của bạn bất cứ điều gì bạn thích. Tên của nó là tầm nhìn trực quan, trong ví dụ này.
Làm cho hình ảnh của bạn hiển thị trở lại bằng cách thay đổi từ không ai khác thành khối.