Trang Chủ Tài chính Cá nhân Quản lý z-index trong Quy tắc của Bạn - những con vú

Quản lý z-index trong Quy tắc của Bạn - những con vú

Mục lục:

Video: Cách Đòi Nợ THÔNG MINH chỉ bằng Lời Nói - Tâm Lý Học Đòi Nợ 2025

Video: Cách Đòi Nợ THÔNG MINH chỉ bằng Lời Nói - Tâm Lý Học Đòi Nợ 2025
Anonim

Khi bạn sử dụng định vị tuyệt đối, bạn có thể xác định chính xác vị trí đặt, vì vậy có thể chồng chéo lên nhau. Theo mặc định, các phần tử được mô tả sau này trong HTML được đặt trên đầu các phần tử được mô tả trước đó.

Xử lý chiều sâu trong CSS

Bạn có thể sử dụng thuộc tính CSS đặc biệt có tên z-index để thay đổi hành vi mặc định này. z -axis đề cập đến mức độ đóng một phần tử đối với người xem. Hình ảnh này cho thấy cách hoạt động này.

z-index cho phép bạn thay đổi các phần tử xuất hiện gần hơn với người dùng.

Thuộc tính z-index yêu cầu một giá trị số. Số cao hơn có nghĩa là phần tử này gần với người dùng (hoặc trên trên cùng). Bất kỳ giá trị nào cho z-index đặt phần tử cao hơn các phần tử có z-index mặc định. Điều này có thể rất hữu ích khi bạn có các phần tử mà bạn muốn xuất hiện ở phần đầu của các phần tử khác (ví dụ: các trình đơn xuất hiện tạm thời trên đầu văn bản khác).

Đây là mã minh hoạ hiệu ứng z-index :

zindex. html

#blueBox {

màu nền: màu xanh lam;

chiều rộng: 100px;

chiều cao: 100px;

vị trí: tuyệt đối;

còn lại: 0px;

trên cùng: 0px;

lề: 0px;

z-index: 1;

}

#blackBox {

màu nền: đen;

chiều rộng: 100px;

chiều cao: 100px;

vị trí: tuyệt đối;

còn lại: 50px;

trên cùng: 50px;

lề: 0px;

}

Làm việc với z-index

Thay đổi duy nhất trong mã này là việc bổ sung thuộc tính z-index . Chỉ số z-index cao hơn, đối tượng đó càng gần đối với người dùng.

Dưới đây là một vài điều cần ghi nhớ khi sử dụng z-index :

  • Một phần tử có thể che giấu hoàn toàn một phần tử khác. Khi bạn bắt đầu định vị hoàn toàn mọi thứ, một phần tử dường như biến mất vì nó được che phủ hoàn toàn bởi người khác. Thuộc tính z-index là một cách hay để kiểm tra tình huống này.
  • Tiêu cực z-index có thể là vấn đề. Giá trị cho z-index phải là dương. Mặc dù các giá trị âm được hỗ trợ, một số trình duyệt (đáng chú ý là các phiên bản cũ của Firefox) không xử lý chúng tốt và có thể khiến phần tử của bạn biến mất.
  • Tốt nhất nên đưa ra tất cả các giá trị z-index . Nếu bạn xác định z-index cho một số phần tử và để z-index không xác định cho người khác, bạn không thể đảm bảo chính xác điều gì sẽ xảy ra. Nếu nghi ngờ, chỉ cần cung cấp cho mỗi giá trị của riêng z-index , và bạn sẽ biết chính xác những gì chồng chéo lên nhau.
  • Không đưa ra hai yếu tố cùng z-index . Điểm của z-index là xác định rõ yếu tố nào sẽ xuất hiện gần hơn. Đừng đánh bại mục đích này bằng cách gán giá trị z-index cùng với hai phần tử khác nhau trên cùng một trang.
Quản lý z-index trong Quy tắc của Bạn - những con vú

Lựa chọn của người biên tập

Cách lọc một nguồn dữ liệu kết hợp trong Word 2013 - núm vú

Cách lọc một nguồn dữ liệu kết hợp trong Word 2013 - núm vú

Trong tài liệu Word 2013, lọc một nguồn dữ liệu loại trừ các bản ghi nhất định (hoặc xem một cách khác, nó chỉ bao gồm một số bản ghi) dựa trên một hoặc nhiều tiêu chí mà bạn chỉ định. Ví dụ: bạn có thể muốn chỉ bao gồm các địa chỉ từ một thành phố hoặc tiểu bang nhất định, hoặc chỉ những địa chỉ phù hợp với địa chỉ ...

Cách Tìm Stuff bạn không thể gõ trong Word 2007 - núm vú

Cách Tìm Stuff bạn không thể gõ trong Word 2007 - núm vú

Word 2007 giúp tìm các ký tự đặc biệt, không in được trong tài liệu của bạn. Sử dụng hộp thoại Tìm và Thay thế, bạn có thể tìm kiếm những thứ như tab, dấu phân cách, dấu thập phân, khoảng trống và những thứ khác mà bạn không thể tạo ra từ bàn phím. Gọi hộp thoại Tìm và Thay thế. Nếu cần thiết, hãy nhấp vào nút Thêm để ...

Cách Tìm Định dạng trong Word 2007 - núm vú

Cách Tìm Định dạng trong Word 2007 - núm vú

Bạn có thể sử dụng lệnh Tìm để đánh cắp tài liệu Word 2007 của bạn để định dạng thông tin. Ví dụ, nếu bạn chỉ muốn tìm những trường hợp của từ lie có chữ đậm, bạn có thể làm điều đó. Ví dụ này tìm kiếm trứng ngỗng văn bản với kích thước phông chữ là 24 điểm trong một ...

Lựa chọn của người biên tập

Làm thế nào để Thoả Nhận Hợp Đồng Máy chủ Web - núm vú

Làm thế nào để Thoả Nhận Hợp Đồng Máy chủ Web - núm vú

Trên thực tế, đa số của máy chủ web không hoàn lại tiền nếu bạn để lại trước khi thời hạn hợp đồng của bạn kết thúc. Trong thực tế, nếu bạn có một thỏa thuận giá rẻ trên hosting của bạn, nó có thể có các điều khoản và điều kiện yêu cầu bạn xem ra thời hạn của hợp đồng hoặc trả tiền cho đặc quyền ...

Cách quản lý tập tin với Control Panel của Website - núm vú

Cách quản lý tập tin với Control Panel của Website - núm vú

Bảng điều khiển của bạn cung cấp cho bạn một cách tiện dụng để quản lý các tệp của bạn mà không cần máy chủ FTP được lưu trữ trên web. Đây là một cái gì đó phổ biến cho hầu hết các bảng điều khiển nhưng đôi khi có nhãn khác nhau một chút. Ví dụ, hầu hết các máy chủ gọi nó là File Manager, nhưng DreamHost gọi nó là webFTP. Sử dụng Trình quản lý Tệp là

Cách Quản lý Người dùng với Quản lý Máy chủ Web - núm vú

Cách Quản lý Người dùng với Quản lý Máy chủ Web - núm vú

Cây thư mục riêng trên máy chủ nơi tập tin của nó được giữ. Là chủ sở hữu của máy chủ, bạn có quyền truy cập superuser cho toàn bộ máy chủ, có nghĩa là bạn có thể xem tất cả các tệp tin của chủ tài khoản khác. Tất cả các tập tin tài khoản được lưu giữ trong các thư mục bên trong một thư mục gọi là home, ...

Lựa chọn của người biên tập

Tạo một Cột trang web mới trong SharePoint 2010 - núm vú

Tạo một Cột trang web mới trong SharePoint 2010 - núm vú

SharePoint 2010 có một thực thể cột trang web cho phép bạn để sử dụng lại các cột trên nhiều danh sách. Khi bạn tạo một cột mới trong danh sách của mình, bạn tạo ra một cột danh sách - có nghĩa cột chỉ có thể được sử dụng trong danh sách đó. Các cột của trang web được tạo ở cấp cao nhất của trang web nhóm của bạn và có thể ...

Tạo Tuỳ chỉnh Chủ đề cho SharePoint 2010 Sử dụng PowerPoint - núm vú

Tạo Tuỳ chỉnh Chủ đề cho SharePoint 2010 Sử dụng PowerPoint - núm vú

Cho nhiều nhà thiết kế trang web và chủ sở hữu SharePoint 2010 , ý tưởng để có thể tùy chỉnh chủ đề của họ là rất thú vị. Mặt khác, nhiệm vụ chọn nhiều màu có thể có vẻ khó chịu với những người biết họ thích gì khi họ nhìn thấy nó nhưng gặp sự cố khi lựa chọn. Nếu bạn ở trong ...

Tạo trang web mới trong SharePoint 2010 - núm vú

Tạo trang web mới trong SharePoint 2010 - núm vú

Bạn có thể tạo một bộ sưu tập trang web mới trong SharePoint theo hai cách - bằng cách sử dụng Quản trị Trung tâm hoặc thông qua Tạo trang web Tự phục vụ. Sử dụng Quản trị Trung tâm đòi hỏi các quyền được cấp phép, thường là hạn chế đối với nhân viên CNTT. Tạo trang web tự tạo là một tính năng của SharePoint cho phép CNTT trao quyền cho việc tạo bộ sưu tập trang web mới ...