Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[HTML/CSS]Lệnh hover trong css trên điện thoại không có tác dụng

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi NewBieBR, 27/9/14.

Lượt xem: 6,089

  1. NewBieBR Thành viên cấp 1

    Tình hình là mình có một đoạn code như này

    div.menu ul ul {
    visibility:hidden;
    background: #2ab5ce;
    opacity: 0.6;
    top: 70px;
    right: 30px;
    text-align: center;
    }

    div.menu ul li {
    display: inline;
    list-style:none;
    left: 10px;
    }

    div.menu ul ul li a{
    color: #f0eeee;
    font-family: candarabb;
    text-decoration: none;
    margin: 8px;
    font-size: 17px;
    position: relative;
    left: 0px;
    text-align: center;
    }

    div.menu ul :hover ul {
    width: 912px;
    z-index: 1;
    position: relative;
    visibility: visible;
    color: white;
    transition: 1.5s;
    }


    Ý định là khi mà trỏ chuột rẻ vào mục trên thanh menu thì sẽ hiện ra 1 menu con (trên điện thoại cảm ứng thì phải bấm vào), trước đây mình đã từng code menu dạng như vậy, trên điện thoại vẫn làm được, hôm nay mới nổi hứng code lại thì trên máy tính vẫn được mà điện thoại thì không. Mình đã thử dùng chrome, safari và dùng cả tablet android vẫn không được. Bạn nào biết lỗi ở đâu xin chỉ mình với ạ, mình cảm ơn trước

    ...
  2. banbaonylong

    banbaonylong Ko phải assmin

    bạn chọt lên màn hình cảm ứng là CLICK chứ ko fải HOVER
    Phuocy Phan thích bài viết này
  3. Minh La

    Minh La Mới đăng kí

    Bạn làm thế này:
    • Tạo :hover tại touchstart mouseenter
    • Bỏ :hover tại mouseleave, touchmove, và click
    Các cách khác (không khuyến khích) xem tại đây.

    stackoverflow.com/questions/8291517/disable-hover-effects-on-mobile-browsers
  4. NewBieBR

    NewBieBR Thành viên cấp 1

    banbaonylong abcd:click không tồn tại (mình chỉ biết có active với hover)
    Minh La cái của bạn là để hover chỉ có tác dụng trên máy tính không có tác dụng trên điện thoại, hoàn toàn trái ngược với ý mình muốn nói (có tác dụng trên máy tính lẫn đth)
  5. banbaonylong

    banbaonylong Ko phải assmin

    điện thoại thì bạn fải viết javascript riêng! do đó là hành động click hoặc touch (1 số plugin js hỗ trợ nhận diện touch trên smartphone)
  6. gadien.93

    gadien.93 Thành viên cấp 2

    thêm đoạn js chèn 1 div nữa vào là đc mà.. hover chỉ trên máy tính thôi... muốn làm responsive thì phải có js và tắt hết hover khi <980px đi
  7. Hà Duy Phương

    Hà Duy Phương Thành viên cấp 2

    Do trình duyệt là chủ yếu. :))

Ủng hộ diễn đàn