Gara-gara Z-Index, Type Data "FORM" tidak bisa digunakan

gw baru sampe di tutorial niru fb. cerita nya gini, gw mau kasih efek "shadow" di belakang "Header" Tapi, klu bagian "Content" gw kasih Background, Shadow nya ilang, jadi gw pake "Z-index", eh malah type data form nya gk bisa dipake.

http://cssdeck.com/labs/xqfeuc2a gimana ya kira2 alternatif nya

avatar onoderra
@onoderra

38 Kontribusi 0 Poin

Diperbarui 7 tahun yang lalu

5 Jawaban:

maksudnya "type data form nya gk bisa dipake" apa gan?

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

@onirusama coba om buka link nya, trus liat bagian "sign up fb" bisa gak di klik?

avatar onoderra
@onoderra

38 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

oh. yang agan buat ini sebenarnya hanya desain belum termasuk fungsi untuk memproses datanya. jadi kalau mau kirim datanya semisal daftar ataupun login maka agan harus belajar tentang back-end (misalnya PHP).

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

hahaha. sory gan salah fokus. oh dah ngerti. itu disebabkan agan memberikan nilai z-index: -5 pada konten tersebut jadinya dia dilempar ke paling bawah sehingga tidak dapat di klik (focus/ataupun block).

.content-middle{
    position: relative; // bisa dihapus aja
    background-color: #ecf0f1;
    z-index: -5; // bisa dihapus aja
  }

sebaiknya yg diberi nilai z-index itu bagian headernya yg diangkat keatas dengan beri nilai z-index: 10 misalnya.


  .content-header{
position: relative; //tambah ini
z-index: 10; //tambah ini
....
  }

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

ohh iya2. td udah coba2 biar yg header z-index gede, tp g bisa. trnyata lupa kasih relative thanks om

avatar onoderra
@onoderra

38 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban