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 đỡ css3] Đưa hình ảnh ra phía trước background và div.

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

Lượt xem: 3,499

  1. jadeeye Mới đăng kí

    Chào mọi người,

    Mình đang cần làm một background giống như kiểu dưới đây:

    [​IMG]

    Theo đó thì mình đã tạo 3 div. Một div màu gradient ngoài cùng và div hình (thành phố), 2 div này ngang cấp nhau. Ngoài ra, div layout site ở trong thuộc về div màu gradient.

    Mình đã sử dụng z-index để cho div 2 đưa ra phía trên cùng nhưng ko khả thi, vì div 2 này sẽ có 1 mảng màu background của nó che hết cả 2 div còn lại (trong khi chỉ cần cái hình thành phố đưa lên phía trước).

    Bạn nào có hướng nào khả thi thì chỉ giúp với, thanks nhiều.

    ...
  2. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Bạn up lên host demo web đi! Chưa hình dung ra ý bạn nói!
  3. jadeeye

    jadeeye Mới đăng kí

    Tóm lại là làm cách nào đó để cho hình thành phố nó đc chèn đứng phía trước giao diện site như trong hình là đc.
  4. pingpoong

    pingpoong Thành viên cấp 2

    Bạn có thể post code lên cho mọi người xem.
    Thế này:
    - Div 1: background
    - Div 3: container
    - Div 2: footer

    Bạn để div 2 nằm bên ngoài div 3, đặt dưới cùng ( div footer) thì tự nó mặc định là hiện đè lên mấy thẻ khác mà
    jadeeye thích bài viết này
  5. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Để z-index của div 2 cao nhất trong 3 cái div đó!
    jadeeye thích bài viết này
  6. kuteboy_195

    kuteboy_195 Thành viên cấp 2

    cái này thường sử dụng z-index,bạn đặt z-index cho từng cái.Cái nào z-index lớn hơn thì sẽ nằm phía trên mà.Bạn thử làm lại xem
    jadeeye thích bài viết này
  7. MioDung

    MioDung Thành viên cấp 3

    Cơ bản là chưa làm đúng hướng
    Ko biết cái div 2 của bạn cái ảnh thành phố nó đứng yên ở đó hay khi lăn chuột nó chạy theo web
    Còn bình thường làm mình cho cái div đó là footer -> footer này nó nằm trong main site thì ta cho cái main site position:relative; còn ở cái footer thì position:absolute; top:50px; left:0; tùy cao thấp mà chỉnh thông số top và sau đó cho thuộc tính z-index vào là ok thôi
    jadeeye thích bài viết này
  8. jadeeye

    jadeeye Mới đăng kí

    Cám ơn mọi người, mình làm được rồi. Chỉ cần set css cho div 1 và div 2 như dưới là đc, ko cần z-index:

    div1{
    background-color:(gradient);
    position: relative;
    padding-bottom: 100px;
    height:....
    }
    div2{
    position: absolute;
    width: 100%;
    height: chieu cao cua hinh;
    background: url(link_hinh)!important;
    left: 0px;
    bottom: 0px;
    background-repeat: repeat-x!important;
    }

Ủng hộ diễn đàn