Em lại làm phiền mynukeviet lần nữa ạ. Chuyện là em đang dùng cái theme shopshare cho module shop. Nguyên thuỷ nó xài layout main nay em chuyển cqua left - main thì cái slide che mất cái menu-left khi sổ qua. Vậy nukeviet vui lòng giúp em chỉnh sao cho cái menu-left nó nằm bên trên cái slide với ạ . Em chân thành cảm ơn . link demo http://songnhien.com.vn
Đoạn code menu - left
ul#css3menu1,ul#css3menu1 ul { z-index: 10000 margin:0; list-style:none; padding:0;}ul#css3menu1 ul { display:none; position:absolute; left:100%; top:0; min-width:200px; background:#fff; border:1px solid #E7E7E7}ul#css3menu1 li:hover>* { display:block;}ul#css3menu1 li { position:relative; display:block; white-space:nowrap; font-size:0;}ul#css3menu1 li:hover { z-index:1;}ul#css3menu1 { z-index:2; position:relative; display:block; float:left; padding:0; width:100%; color:#fff; background:#ff3366; border:1px solid #ddd ; text-transform:uppercase;}ul#css3menu1 img{ position: absolute; margin: 7px 0 4px 5px; left: 0;}ul#css3menu1>li { margin:0; border-bottom:1px solid #E7E7E7; padding:0 0 0 30px;}ul#css3menu1>li:last-child{ border-bottom:none;}ul#css3menu1 a:active,ul#css3menu1 a:focus { outline-style:none;}ul#css3menu1 a { display:block; vertical-align:middle; text-align:left; text-decoration:none; color:#f6f7f9 !important; cursor:pointer; padding:10px; font-size:14px;}ul#css3menu1 ul li { float:none; padding:5px 0 5px 18px; border-bottom:1px solid #E7E7E7; background:#ff3366;}ul#css3menu1 ul li:before{ font: normal normal normal 6px/1 FontAwesome; content:'111'; position: absolute; top: 14px; left:10px; color:#5BBD2B;}ul#css3menu1 ul li :last-child{ border-bottom:none}ul#css3menu1 ul a { text-align:left; padding:4px; border-width:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; color:#fff; text-decoration:none;}ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed { color:#f1f1f1 !important; background:none;}ul#css3menu1 span { display:block; overflow:visible; padding-right:0;}ul#css3menu1 > li.switch { display:none; cursor:pointer; width:25px; height:20px; padding:10px;}ul#css3menu1 > li.switch:before { content:""; position:absolute; display:block; height:4px; width:25px; border-radius:4px; background:#000000;}ul#css3menu1 > li.switch:hover:before { background:#000000;}.c3m-switch-input { display:none;}ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed { color:#000000; text-decoration:none;}ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li > a.pressed { color:#0978b3; text-decoration:none;}ul#css3menu1 li.topfirst>a {}ul#css3menu1 li.toplast>a {}@media screen and (max-width:768px) { ul#css3menu1 > li { position:initial; } ul#css3menu1 ul .submenu, ul#css3menu1 li > ul { left:0; right:auto; top:100%; } ul#css3menu1 .submenu, ul#css3menu1 ul, ul#css3menu1 .column { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:0; width:100% !important; } ul#css3menu1 ul{ position:static; margin-bottom:10px; width:100%; }}@media screen and (max-width:198px) { ul#css3menu1 { width:100%; } ul#css3menu1 > li { display:none; position:relative; width:100% !important; } ul#css3menu1 > li.switch, .c3m-switch-input:checked + ul#css3menu1 > li + li { display:block; } ul#css3menu1 > li.switch > label { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; }}
Cái này thường chỉnh thuộc tính z-index
của cái slider và menu. Cho mình demo online minh mới thử chỉnh được.
Mình kiểm tra trên firefox và chrome thì thấy nó nằm trên slider ý, bạn xóa cache thử
Trung tâm ứng dụng NukeViet
Ghi rõ nguồn khi sao chép thông tin từ website này.
Sử dụng CMS NukeViet, thiết kế bởi TDFOSS.,LTD