Câu hỏi được gắn thẻ «z-index»

z-index đại diện cho thứ tự trên mặt phẳng z mà một phần tử xuất hiện. Một phần tử có thứ tự ngăn xếp cao hơn luôn đứng trước một phần tử khác có thứ tự ngăn xếp thấp hơn. Nó có sẵn trong hầu hết các khung GUI (cả Web và Desktop).

11
Giá trị tối thiểu và tối đa của chỉ số z?
Tôi có một div trong trang HTML của tôi. Tôi đang hiển thị div này dựa trên một số điều kiện, nhưng div đang hiển thị đằng sau phần tử HTML nơi tôi trỏ con trỏ chuột. Tôi đã thử tất cả các giá trị cho chỉ mục z từ …
518 html  css  z-index 

8
chỉ số z không hoạt động với định vị cố định
Tôi có một divđịnh vị mặc định (nghĩa là position:static) và một divvới một fixedvị trí. Nếu tôi đặt chỉ mục z của các phần tử, có vẻ như không thể làm cho phần tử cố định đi sau phần tử tĩnh. #over { width: 600px; z-index: 10; } #under …
422 css  z-index 


11
Đặt / chồng lấp (chỉ mục z) một chế độ xem trên một chế độ xem khác trong Android
Tôi có một bố cục tuyến tính bao gồm hình ảnh và textview, cái này nằm dưới cái kia trong bố cục tuyến tính. <LinearLayout android:orientation="horizontal" ... > <ImageView android:id="@+id/thumbnail" android:layout_weight="0.8" android:layout_width="0dip" android:layout_height="fill_parent"> </ImageView> <TextView android:id="@+id/description" android:layout_weight="0.2" android:layout_width="0dip" android:layout_height="wrap_content"> </TextView> Một số quy tắc có thể bị thiếu, điều này …

4
Tại sao z-index không hoạt động?
Vì vậy, nếu tôi hiểu z-indexchính xác, nó sẽ hoàn hảo trong tình huống này: Tôi muốn đặt hình ảnh dưới cùng (thẻ / thẻ) bên dưới div phía trên nó. Vì vậy, bạn không thể nhìn thấy các cạnh sắc nét. Làm thế nào để tôi làm điều này? …
181 html  css  z-index 

11
Vấn đề phân lớp Z-Index của IE7
Tôi đã cô lập một trường hợp thử nghiệm nhỏ về z-indexlỗi của IE7 , nhưng không biết cách khắc phục. Tôi đã chơi với z-indextất cả các ngày dài. Có gì sai z-indextrong IE7? Kiểm tra CSS: input { border: 1px solid #000; } div { border: 1px solid …

13
Làm thế nào để sử dụng chỉ số z trong các yếu tố svg?
Tôi đang sử dụng các vòng tròn svg trong dự án của tôi như thế này, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> Và tôi đang sử dụng chỉ số …

6
CSS z-index hoa nghịch lý
Tôi muốn tạo một hiệu ứng nghịch lý thông qua thuộc tính z-index CSS . Trong mã của tôi, tôi có năm vòng tròn, giống như trong hình dưới đây, và tất cả chúng đều được định vị tuyệt đối không xác định z-index. Do đó, theo mặc định, mọi …
98 css  z-index 

4
Đưa phần tử lên trước bằng CSS
Tôi không thể tìm ra cách đưa hình ảnh lên trước bằng cách sử dụng CSS. Tôi đã thử đặt z-index thành 1000 và vị trí là tương đối, nhưng nó vẫn không thành công. Đây là ví dụ- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: …
87 html  css  z-index  jsfiddle 

6
z-index bị hủy bằng cách thiết lập biến đổi (xoay)
Sử dụng thuộc tính biến đổi, chỉ mục z bị hủy bỏ và xuất hiện ở phía trước. (Khi nhận xét ra -webkit-biến đổi, z-index đang hoạt động bình thường trong mã bên dưới) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); …
84 css  z-index  transform 

6
Làm nổi một div phía trên nội dung trang
Tôi đã triển khai một hộp bật lên hiển thị động các tùy chọn tìm kiếm. Tôi muốn hộp "nổi" trên tất cả nội dung trang web. Hiện tại, khi hộp được hiển thị, nó sẽ thay thế tất cả nội dung bên dưới nó và trông rất tệ. Tôi …
81 css  z-index 
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.