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

Giúp em lỗi css !

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

Lượt xem: 2,284

  1. agasi113a Mới đăng kí

    Mọi người cho em hỏi ! em đang tạo hiệu ứng rê chuột qua hiện thông tin sản phẩm giống trang tgdd.com.
    code của em như sau:
    Code:
    <a id="hover_info" >
<h4>test test</h4>
<span >test</span>
</a>

<style type="text/css">
   ‪#hover_infor{
      position:absolute;
      width:175px; height:185px;
      background-color:black;
      opacity:0;
      transition: opacity 1.1s;
                   }
  #hover_info:hover {opacity:0.7; }
</style>
    Khi rê chuột qua đã có hiệu ứng tương tự nhưng không hiểu sao 2 thẻ h4 & span của em không thể nào hiển thị được khi hover lên mặc dù đã nằm chung trong thẻ a ?

    HQubp72.jpg

    ...

    Xem thêm các chủ đề cùng chuyên mục

    Facebook Group Việt Designer
    Tham gia nhóm
    Facebook Fanpage Việt Designer
    Thích trang
    agasi113a, 29/5/14
    #1
  2. banbaonylong

    banbaonylong Ko phải assmin

    có host test ko, send cái link chỉnh online cho dễ

    ko thì: bình thường thì h4 và span display none
    khi a hover thì

    a:hover h4, a:hover span {display: block;}
    banbaonylong, 29/5/14
    #2
  3. agasi113a

    agasi113a Mới đăng kí

    Dạ không anh ! em đang chạy local ! :(( có teamviewer thôi !
    agasi113a, 29/5/14
    #3
  4. Laad Design

    Laad Design Thành viên cấp 2

    Đóng div lại đặc ID sau đó định dạng css theo các thẻ riêng, để tránh lỗi.
    Laad Design, 29/5/14
    #4
  5. agasi113a

    agasi113a Mới đăng kí

    Code:
    <!DOCTYPE html>
<html>

<head>
<style type="text/css">

     #hover_info               {
                            
                               z-index: 99;
                               position:absolute;
                               width:175px; height:185px;
                               background-color:black;
                               opacity:0;
                               transition: opacity 0.8s;
                                              
                               } 
     #hover_info:hover {opacity:0.8; }



</style>
                        
</head>
            
<body>
              
                      <a id="hover_info" >
                           <h4 style="display:none">test test</h4>
                               <span >
                                     ghghgh
                              </span>

                       </a>
               

</body>
</html>
    dạ Anh lên trang nào editor online thử dán code này cho chạy xem ! vẫn không hiển thị được 2 thẻ !
    agasi113a, 29/5/14
    #5
  6. agasi113a

    agasi113a Mới đăng kí

    CLOSED
    agasi113a, 29/5/14
    #6
  7. Laad Design

    Laad Design Thành viên cấp 2

    Định dạng lại thử nhé

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
</head>
<style>
.hovertest {
    background:#000000;
    color:#09C;
}
.hovertest:hover {
    color:#903;
    background:#009999;
}

</style>
<body>

<a href="#" class="hovertest"> test test ghghgh </span> </a>
<br />
</body>
</html>
    Laad Design, 29/5/14
    #7

Ủng hộ diễn đàn