post image

Tìm hiểu về Z-index trong CSS

Z-index là một tính năng khá hay trong CSS và có thể giúp bạn khắc phục nhiều thành phần khó trong thiết kế giao diện và nó cũng có thể tạo ra những hiệu ứng thú vị cho giao diện. Tuy nhiên Z-index nếu không hiểu rõ nguyên lý của nó thì cũng hơi khó sử dụng. Sau khi học xong video tutorial này, bạn có thể tự tin hơn với Z-index


Thời lượng:19:08
Link Download định dạng .avi chất lượng cao: Đang cập nhật
File Size:

«

»

46 Comments

( Comment bài này )
  1. nhật tài says:

    mấy anh ơi cho em hỏi, làm sao để cái hình nền (màu nền) của thẻ div mờ, nhưng các thành phần trên đó vd như chữ, button, hình khác… không bị mờ. em chọn opacity:0.4 cho thẻ div đó, trong thẻ div đó có cái hình, em chọn opacity:1 !important cho cái hình cũng không được.
    cách cuối cùng em làm là làm 2 thẻ div cùng 1 chỗ, cái bên dưới có màu nền và opacity là 0.4, cái thẻ div thứ 2 màu nền là transparent, z-index lớn hơn cái bên dưới, như vậy thì được nhưng em thấy nó hơi kì kì, không bit trong trường hợp này mấy anh sẽ làm như thế nào ạ.

  2. Tran cong says:

    hí hí, bắt đầu từ izwebz, giải quyết được khó khăn cũng nhờ chốn xưa, thank anh Demon walock

  3. Trần Vũ Hưng says:

    Bài viết rất hay, tuy nhiên thấy teacher có giọng hơi lạ, hay nhưng có vẻ điệu quá =))
    Với lại trục Y là trục tung, trục X là trục hoành chứ :”>

  4. Nguyen Nguyen Van says:

    chuẩn bị tô hình vuông 3 mình đã đoán ngày màu xanh rồi.Anh DW nghiền màu xanh và da cam =))

  5. gialang_dl says:

    Thank anh nhiều !
    Đang bắt chước layout của 1 trang web mà làm hoài không được thấy có Z-INDEX
    thì search google “z-index trong css”
    thì anh DW đứng đầu
    :) )

  6. tiennt says:

    Thank anh rất nhiều.

  7. code code says:

    hay quá a ơi a chia sẻ hay wa

  8. Thank bạn rất rất nhiều! Tôi rất thích video tut của bạn! Nó thật sự hữu ích! Rất mong được làm quen trao đổi với bạn!

  9. lâm hải says:

    Chào anh, anh có thể dúp em sữa CSS text để nó hiển thi trên web được không: cụ thể la thế này , em deside lại templete web nhưng khi gõ bỏ dấu nó lại hiển thị không đầy đủ mà dang rút gọn, nếu gõ không dấu lại hiển thị đầy đủ, vậy em hỏi mình phải chỉnh sữa như thế nào trong css
    ví dụ :” gõ lam thi hai ” thi nó hien thi day du ky tu . nhưg gõ “lâm thiên hai” nó lại hiển thị ” la ai”
    anh có thể gưởi trả lời qua gmail dum em với. cảm ơn trước

  10. bluedragon_myf says:

    em đang bị mắc về vấn đề z-index trong ie, anh có thể giúp em cách fix lỗi z-index trong ie đượch ko, em thử nhiều cách mà vẫn chưa được.thank anh nhiều!

  11. minhtuan says:

    Hay quá anh à em là newbie nên xem thấy thích CSS quá,anh có nhận dạy thêm ko ạ hì,nếu có anh cho em địa chỉ em theo học anh với ^^

  12. vienpham says:

    Anh DW ơi, cho em hỏi về vấn đề này với. Em cập nhật tin tức, trong đó có video clip từ youtube, thì clip này che khuất menu sổ xuống. Em để z-index cho menu lớn cũng bị clip che mất. Anh giúp em với. Xin cảm ơn anh nhiều.

1 2
  1. BB
  2. BB
  3. BB

arrow

Lưu ý khi post comment:

  • Không "bóc tem" topic
  • Dùng lời lẽ có văn hoá và lịch sự
  • Xem trang FAQs trước khi hỏi
  • Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a>
  • Đặt code trong thẻ [php],[html],[javascript],[css]

Chọn kiểu gõ: Tự động TELEX VNI Tắt